{"id":36,"date":"2024-10-14T02:31:27","date_gmt":"2024-10-14T02:31:27","guid":{"rendered":"https:\/\/webta-regex.cs.mtu.edu\/?page_id=36"},"modified":"2024-10-14T14:40:20","modified_gmt":"2024-10-14T14:40:20","slug":"quick-start-guide","status":"publish","type":"page","link":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/quick-start-guide\/","title":{"rendered":"Quick Start Guide"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Introduction<\/h3>\n\n\n\n<p>This application can be split into two main sections: the workspace and the testing area.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Workspace<\/h3>\n\n\n\n<p>This section of the page is where you assemble blocks to make regular expressions (regex). Below you can see all of its parts labeled with descriptions.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"has-medium-font-size\"><strong>Block Bank<\/strong><br>The Block Bank holds all the possible blocks at your disposal.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Clear All<\/strong><br>The Clear All button refreshes the Canvas <em>AND<\/em> all of your tests (learn more in the &#8220;Testing&#8221; section).<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Canvas<\/strong><br>You can drag and drop any and all blocks from the Block Bank into the Canvas, here. All blocky expressions must begin with the first <em>Expression<\/em> block that is always present in the Canvas. Any blocks not conntected, in some way, to that block will not be accounted for the generated regex.<\/li>\n\n\n\n<li class=\"has-medium-font-size\"><strong>Generated Expression<\/strong><br>The Generated Expression displays the regex created through the blocks within the Canvas.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Workspace_Labeled-1024x524.png\" alt=\"\" class=\"wp-image-45\" srcset=\"https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Workspace_Labeled-1024x524.png 1024w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Workspace_Labeled-300x153.png 300w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Workspace_Labeled-768x393.png 768w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Workspace_Labeled-1536x786.png 1536w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Workspace_Labeled.png 1924w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Testing<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Testing<\/h3>\n\n\n\n<p>Here is a table where you can test your assembled blocks\/regex. Each row represents an independent test case. Below you can see all of its parts labeled with descriptions.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Text<\/strong> <br>In the Text area, you type in an example of text\/string that you want to test for. As you enter text into the last row of the table, a new empty row will automatically append to the end of the table. If you delete text from the second to last row (i.e. the last non-empty row), that row will automatically be removed from the table.<\/li>\n\n\n\n<li><strong>Match Variable<\/strong> <br>The Match Variable, or &#8220;Should Match?&#8221; column, determines if the Text is supposed to be a match from the regex or not. If it is checked, the application will see if the generated expression matches the Text. If not, the logic will be inverted.<\/li>\n\n\n\n<li><strong>Test Result<\/strong> <br>The Test Result, or &#8220;Result&#8221; column, shows whether the test passed (\u2713) or failed (X). As an example, let&#8217;s say the blocks generated regex to match with any text that starts with &#8220;ab&#8221;. Then, &#8220;abc&#8221; was typed into the Text area and the &#8220;Should Match?&#8221; was checked. Result would show a \u2713, because the test passed. Alternatively, if &#8220;Should Match?&#8221; was unchecked for the same test, the Result would be X.<\/li>\n\n\n\n<li><strong>Clear Tests<\/strong> <br>The Clear Tests button resets the testing table, but <strong>not<\/strong> the Canvas.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"278\" src=\"https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Testing_Labeled-1024x278.png\" alt=\"\" class=\"wp-image-73\" srcset=\"https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Testing_Labeled-1024x278.png 1024w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Testing_Labeled-300x82.png 300w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Testing_Labeled-768x209.png 768w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Testing_Labeled-1536x418.png 1536w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/Testing_Labeled.png 1559w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Testing Example<\/h3>\n\n\n\n<p>Suppose you want to find text that starts with anything but a capital letter. A very simple solution is the following blocky expression:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"42\" src=\"https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/QS-TestEx-BlockyExp.png\" alt=\"\" class=\"wp-image-62\" srcset=\"https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/QS-TestEx-BlockyExp.png 487w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/QS-TestEx-BlockyExp-300x26.png 300w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/figure>\n\n\n\n<p>Some tests you could run include:<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"340\" src=\"https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/ExampleTesting-1024x340.png\" alt=\"\" class=\"wp-image-54\" srcset=\"https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/ExampleTesting-1024x340.png 1024w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/ExampleTesting-300x100.png 300w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/ExampleTesting-768x255.png 768w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/ExampleTesting-1536x510.png 1536w, https:\/\/webta-regex.cs.mtu.edu\/wp-content\/uploads\/2024\/10\/ExampleTesting.png 1558w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Introduction This application can be split into two main sections: the workspace and the testing area. Workspace This section of the page is where you assemble blocks to make regular expressions (regex). Below you can see all of its parts labeled with descriptions. Testing Testing Here is a table where you can test your assembled [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":3,"href":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/webta-regex.cs.mtu.edu\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}