{"id":32166,"date":"2017-08-15T03:01:00","date_gmt":"2017-08-14T17:01:00","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=32166"},"modified":"2018-05-23T14:14:17","modified_gmt":"2018-05-23T04:14:17","slug":"taxonomic-categorization-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/taxonomic-categorization-primer-tutorial\/","title":{"rendered":"Taxonomic Categorization Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/life_classification.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Taxonomic Categorization Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/life_classification.jpg\" title=\"Taxonomic Categorization Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Taxonomic Categorization Primer Tutorial<\/p><\/div>\n<p>Maybe you read our previous <a title='HTML\/Javascript Animal Categorization Tutorial' href='#html\/jact'>HTML\/Javascript Animal Categorization Tutorial<\/a> attempt to ask questions to categorize an animal.  Well, that was kind of an informal categorization methodology.  As you can imagine, with the human predilection to categorize, we&#8217;ve developed various scientific approaches to categorizing life here on Earth.  The categorization system we are basing a web application on, today, is called the Taxonomic Categorization System (the <a target=_blank title='Robert Whittaker information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Robert_Whittaker'>Robert Whittaker<\/a> &#8220;5 Kingdoms&#8221; version), and which we read about at <i>Biology<\/i> Fifth Edition by Campbell Reece Mitchell (ISBN: 0-201-52262-4) &#8230; thanks.  In this book, there is a useful Appendix 3 categorizing those Taxonomic categorizations, above Order (to go further would need a lot more than one appendix), in this list of categorizations below &#8230;<\/p>\n<ul>\n<li>Life<\/li>\n<li>Domain<\/li>\n<li>Kingdom<\/li>\n<li>Phylum or Division<\/li>\n<li>Subphylum (sometimes)<\/li>\n<li>Superclass (sometimes)<\/li>\n<li>Class<\/li>\n<li>Order<\/li>\n<li>Family<\/li>\n<li>Genus<\/li>\n<li>Species<\/li>\n<\/ul>\n<p> &#8230; that we have used as the basis for an HTML input &#8220;button&#8221; element run &#8230;<\/p>\n<ul>\n<li>supervisory HTML and Javascript and CSS <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/life_classification.html\" title=\"Click picture\">live run<\/a>&#8216;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/life_classification.html_GETME\" title=\"life_classification.html\">life_classification.html<\/a> &#8220;after the button pressing phase&#8221; caller of the &#8230;<\/li>\n<li>supervised PHP <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Chart<\/a> <a target=_blank title='Google Chart Organizational Chart information from Google' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/orgchart'>Organizational Chart<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/OrgChart\/Google_OrgChart.php\" title=\"Google Chart Organizational Chart live run\">live run<\/a>&#8216;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/OrgChart\/Google_OrgChart.php--GETME\" title=\"Google_OrgChart.php\">Google_OrgChart.php<\/a> which we amended (as the integration guinea pig for this chart, for us) in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/OrgChart\/Google_OrgChart.php--GETME\" title=\"Google_OrgChart.php\">this way<\/a> using Javascript prompt windows to continue from the Order level, and on, down, categorization of your organism of interest<\/li>\n<\/ul>\n<p>Are the &#8220;Kingdom&#8221; buttons based on that age old question &#8230; is it <i>animal or mineral or vegetable<\/i>?  No, but perhaps that &#8220;ditty&#8221; of a lot of our youths can help, because those &#8220;Kingdom&#8221; buttons, when talking about the Taxonomic Categorization System, have some similar ideas, and <b>include<\/b> &#8230;<\/p>\n<ul>\n<li>Monera<\/li>\n<li>Protista<\/li>\n<li><b>Plantae<\/b><\/li>\n<li><b>Fungi<\/b><\/li>\n<li><b>Animalia<\/b><\/li>\n<\/ul>\n<hr>\n<p id='html\/jact'>Previous relevant <a target=_blank title='HTML\/Javascript Animal Categorization Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-animal-categorization-tutorial\/'>HTML\/Javascript Animal Categorization Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/ConfirmWindow\/AnimalCategorization.m4v\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Animal Categorization Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/ConfirmWindow\/AnimalCategorization.jpg\" title=\"HTML\/Javascript Animal Categorization Tutorial\" \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Animal Categorization Tutorial<\/p><\/div>\n<p>A lot of the issues worth thinking about in the world can not be reduced to yes\/no or 0\/1 decisions.  Even so, we often yearn to model it that way.  After all, a computer is really a supermachine reducing problems down to binary fundamental &#8220;bits&#8221; (chortle, chortle).   Sometimes really complex problems work well broken down this way.    For such problems, their design can be shown graphically very well with <a target=_blank title='Flowchart information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/Flowchart'>flowcharts<\/a>.<\/p>\n<p>In Javascript the window.confirm Popup box is good for the Yes\/No or OK\/Cancel (button) interactive questions the website requires from the web user.   Today we use the window.confirm Popup box to categorize animals &#8230; thanks to this <a target=_blank href='http:\/\/groups.engin.umd.umich.edu\/CIS\/course.des\/cis579\/animal.txt' title='Animal Categorization logic'>link<\/a> for the source data for the idea.<\/p>\n<p>This tutorial also goes some way towards internationalization by arranging for it to be supervised by <a target=_blank title='Google Translate' href='http:\/\/translate.google.com'>Google Translate<\/a>.   Wasn&#8217;t sure about what would happen with hard-coded English parameters to the window.confirm Popup box supervised by Google Translate, and it panned out not to be translated, so a different technique was used.  The window.confirm Popup box parameters are gleaned from the [HTMLObject].innerHTML of some hidden <i>p<\/i> elements with the base English.   Again, not quite there, and there is a bit more to do, because Google Translate fleshes out the [HTMLObject].innerHTML&#8217;s with its own brilliance (span elements everywhere &#8230; very clever) &#8230; so to tailor it better for our needs we filter it through a Javascript function that only returns the string outside the &lt; and &gt; parts of the string (and thought leaving the English in as well as the non-English was a feature, not a pest &#8230; you may disagree?!).<\/p>\n<p>Let&#8217;s see some  HTML code in <a target=_blank title='Animal Categorization run' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/ConfirmWindow\/animal_categorization.html'>live action<\/a> for this tutorial where you define your known animal characteristics.<\/p>\n<p>Other tutorials of help for this tutorial &#8230; thanks &#8230; were &#8230;<\/p>\n<ul>\n<li><a target=_blank href='http:\/\/groups.engin.umd.umich.edu\/CIS\/course.des\/cis579\/animal.txt' title='Animal Categorization logic'>Animal Categorization logic &#8230; thanks a lot<\/a><\/li>\n<li><a target=_blank href='http:\/\/www.w3schools.com\/js\/js_popup.asp' title='JavaScript Popup Boxes'>JavaScript Popup Boxes<\/a><\/li>\n<li><a target=_blank href='https:\/\/encrypted-tbn2.gstatic.com\/images?q=tbn:ANd9GcSUboJ3Mi82vFFE38ijJ0493ev6f4Wqpvx9eU7_W-ZU9wjMswV2uQ' title='Free background image ... thanks'>Free background image &#8230; thanks<\/a><\/li>\n<\/ul>\n<p>Link to some downloadable HTML programming code &#8230; rename to <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/ConfirmWindow\/animal_categorization.html-GETME' title='Download me'>animal_categorization.html<\/a><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d5759' onclick='var dv=document.getElementById(\"d5759\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Javascript\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d5759' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d32166' onclick='var dv=document.getElementById(\"d32166\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/biology\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d32166' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Maybe you read our previous HTML\/Javascript Animal Categorization Tutorial attempt to ask questions to categorize an animal. Well, that was kind of an informal categorization methodology. As you can imagine, with the human predilection to categorize, we&#8217;ve developed various scientific &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/taxonomic-categorization-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,37],"tags":[2082,2304,354,513,518,519,564,576,652,2302,932,997,2303,1319],"class_list":["post-32166","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-biology","tag-categorization","tag-dom","tag-google","tag-google-chart","tag-google-charts","tag-hierarchy","tag-html","tag-javascript","tag-life","tag-php","tag-programming","tag-taxonomy","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32166"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=32166"}],"version-history":[{"count":10,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32166\/revisions"}],"predecessor-version":[{"id":38372,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/32166\/revisions\/38372"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=32166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=32166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=32166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}