{"id":17352,"date":"2015-09-25T05:01:23","date_gmt":"2015-09-24T19:01:23","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=17352"},"modified":"2015-09-25T06:42:48","modified_gmt":"2015-09-24T20:42:48","slug":"htmlphp-timezone-feed-google-chart-map-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp-timezone-feed-google-chart-map-tutorial\/","title":{"rendered":"HTML\/PHP Timezone Feed Google Chart Map Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/PHP Timezone Feed Google Chart Map Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.gif\" title=\"HTML\/PHP Timezone Feed Google Chart Map Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/PHP Timezone Feed Google Chart Map Tutorial<\/p><\/div>\n<p>Yesterday we started on our journey into the &#8220;when&#8221; and &#8220;where&#8221; of our new timezone web application when we presented <a target=_blank title='HTML\/PHP Timezone Feed Primer Tutorial' href='#hptfpt'>HTML\/PHP Timezone Feed Primer Tutorial<\/a> as shown below.  Today we delve into more sources of data to augment yesterday&#8217;s <a target=_blank title='Gomashup' href='http:\/\/www.gomashup.com'>GoMashup<\/a> (thanks) source.   And &#8220;why&#8221; is that?  Well, we want to further contextualize the &#8220;where&#8221; of the web application by offering to show a representative map of a locality within the relevant Timezone on a map of the Earth.  To do this, we can use the <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 Charts<\/a> <a target=_blank title='Google Chart Map Chart' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=4832'>Map Chart<\/a>, as we&#8217;ve discussed earlier.  That is the &#8220;what&#8221; (we use) about the scenario, but &#8220;how&#8221; about the &#8220;how&#8221;?   We need a data source that links Timezone names with geographical latitude and longitude information, which the GoMashup data does not contain.  Luckily, the wonderful Wikipedia came to the rescue with this really really <a target=_blank title='Wikipedia Timezone page ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/List_of_tz_database_time_zones'>useful link<\/a>, so yet again, thanks Wikipedia!<\/p>\n<p>The use of maps can help contextualize where we live and in any given Timezone of interest, you will find an east\/west commonality for Timezone places, with possibly a lot of variation in north\/south to places that have a common Timezone.  As you probably learnt in school geography, this can mean a vast difference in climate from the cold polar regions (of really high or really low latitudes) to the warm and humid equatorial regions near the equator at zero degrees latitude.<\/p>\n<p>But people of the same Timezone, may, for instance, share &#8230;<\/p>\n<ul>\n<li>pet cat feeding times<\/li>\n<li>pet dog walking times<\/li>\n<li>dinner meal times<\/li>\n<li>start work and end work times<\/li>\n<li>ceremony times<\/li>\n<\/ul>\n<p>We here in <a target=_blank title='Australia\/Sydney timezone' href='http:\/\/www.timezoneconverter.com\/cgi-bin\/zoneinfo?tz=Australia\/Sydney'>Sydney<\/a> (with our <a target=_blank title='Cats in Sydney' href='https:\/\/www.google.com\/search?q=%22cat+in+sydney%22&#038;biw=1280&#038;bih=659&#038;source=lnms&#038;tbm=isch&#038;sa=X&#038;ved=0CAYQ_AUoAWoVChMI4P-m2MGQyAIVIyymCh0SSgMp'>cats<\/a>) share &#8220;time&#8221; with people in <a target=_blank title='Vladivostok Google search' href='https:\/\/www.google.com\/search?q=vladivostok&#038;biw=1280&#038;bih=659&#038;source=lnms&#038;sa=X&#038;ved=0CAUQ_AUoAGoVChMI6_alzrGPyAIVgTKUCh0qVgoz&#038;dpr=1'>Vladivostok<\/a>, in Russia (with their <a target=_blank title='Cats in Vladivostok' href='https:\/\/www.google.com\/search?q=cat+in+vladivostok&#038;biw=1280&#038;bih=659&#038;source=lnms&#038;tbm=isch&#038;sa=X&#038;ved=0CAYQ_AUoAWoVChMIu7XOn7GPyAIViaGUCh0aHAuD'>cats<\/a>) for instance.  Am sure, though, that these cats are not sharing any fur coats?!<\/p>\n<p>Again, today&#8217;s work has that special treat of combining <i>&#8220;Where&#8221;<\/i> and <i>&#8220;When&#8221;<\/i> in its themes, and think you may find it interesting to again try a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\" title='Click picture'>live run<\/a>, and or peruse the code as per &#8230;<\/p>\n<ul>\n<li>HTML\/Javascript source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html-GETME\" title='daylight_saving_time.html'>daylight_saving_time.html<\/a> (changed from yesterday as per <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html-GETME\" title='daylight_saving_time.html'>this link<\/a>) &#8230; supervising &#8230; but needing &#8230;<\/li>\n<li>PHP source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.php-GETME\" title='daylight_saving_time.php'>daylight_saving_time.php<\/a> (changed from yesterday as per <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.php-GETME\" title='daylight_saving_time.php'>this link<\/a>) &#8230; because the recent <i>&#8220;Client Pre-emptive Iframe&#8221;<\/i> thoughts don&#8217;t work so well for the cross-domain requirements that GoMashup&#8217;s RSS feed and Wikipedia data presents to us<\/li>\n<\/ul>\n<p>We hope you again enjoy thinking about time and space and maps &#8230; and maybe some things that we all share in common.<\/p>\n<hr>\n<p id='hptfpt'>Previous relevant <a target=_blank title='HTML\/PHP Timezone Feed Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp-timezone-feed-primer-tutorial\/'>HTML\/PHP Timezone Feed Primer 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\/daylight_saving_time.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/PHP Timezone Feed Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.jpg\" title=\"HTML\/PHP Timezone Feed Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/PHP Timezone Feed Primer Tutorial<\/p><\/div>\n<p>Today we delve into timezone web applications using <a target=_blank title='RSS Feed information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/RSS'>RSS feed<\/a> data, in our case courtesy of <a target=_blank title='Gomashup' href='http:\/\/www.gomashup.com'>Gomashup<\/a> &#8230; thanks.<\/p>\n<p>Maybe you are good with timezones, as you make a lot of International phone calls, and get used to it, but there are a lot of exceptions to the geographical (ie. longitudinal position) logic for several reasons like &#8230;<\/p>\n<ul>\n<li>daylight saving<\/li>\n<li>political decisions (especially around the <a target=_blank title='International Date Line information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/International_Date_Line'>International Date Line<\/a> (180\u00b0E and 180\u00b0W) &#8230; ie. the opposite <a target=_blank title='Longitude information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Longitude'>longitude<\/a> to Greenwich (as of <a target=_blank title='Greenwich Mean Time information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Greenwich_Mean_Time'>Greenwich Mean Time<\/a>), which is at at 0\u00b0E and 0\u00b0W)<\/li>\n<\/ul>\n<p> &#8230; plus we all know that <i>&#8220;when you are having fun&#8221;<\/i> &#8230; well, you know what we mean?!<\/p>\n<p>So all those interruptions to the longitudinal way the time should be, in any given longitudinal place on Earth, needs to get a name, so the international convention gives a <i>Region\/PlaceIdentifier<\/i> type of <i>TimeZoneID<\/i>, and so, even though we offer a finder of your <i>TimeZoneID<\/i> from our web application today, don&#8217;t count on finding it that way, because the places used as <i>TimeZoneID<\/i> PlaceIdentifiers are sometimes quite obscure, or at least to those &#8220;not in the know&#8221; I guess &#8230; but my favourite so far has been <i>&#8220;America\/Indiana\/Tell_City&#8221;<\/i>, as I hadn&#8217;t heard of <a target=_blank title='Tell City, Indiana' href='https:\/\/www.google.com\/search?q=Tell+City&#038;ie=utf-8&#038;oe=utf-8'>Tell City<\/a> before doing this web application &#8230; glad to meet you in <i>code<\/i>, Tell City, Indiana, USA.<\/p>\n<p>Today&#8217;s work has that special treat of combining <i>&#8220;Where&#8221;<\/i> and <i>&#8220;When&#8221;<\/i> in its themes, and think you may find it interesting to try a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html\" title='Click picture'>live run<\/a>, and or peruse the code as per &#8230;<\/p>\n<ul>\n<li>HTML\/Javascript source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.html_GETME\" title='daylight_saving_time.html'>daylight_saving_time.html<\/a> &#8230; supervising &#8230; but needing &#8230;<\/li>\n<li>PHP source code <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/daylight_saving_time.php_GETME\" title='daylight_saving_time.php'>daylight_saving_time.php<\/a> &#8230; because the recent <i>&#8220;Client Pre-emptive Iframe&#8221;<\/i> thoughts don&#8217;t work so well for the cross-domain requirements that GoMashup&#8217;s RSS feed and Wikipedia data source presents to us<\/li>\n<\/ul>\n<p>Thinking back on it, it stands to reason some aspects of <i>&#8220;Where&#8221;<\/i> are intertwined with <i>&#8220;When&#8221;<\/i> by where we live &#8230; <a target=_blank title='?' href='https:\/\/www.google.com\/search?q=springfield+timezone'>doh!<\/a><\/p>\n<p>Anyway, hope you enjoy thinking about time and space &#8230; and all that.  It is a topic of huge interest to those people out there trying to <a target=_blank title='Internationalization information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Internationalization_and_localization'>Internationalize<\/a> their websites.<\/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='#d17339' onclick='var dv=document.getElementById(\"d17339\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/?tag=DOM\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17339' 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='#d17352' onclick='var dv=document.getElementById(\"d17352\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/?tag=geographicals\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17352' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yesterday we started on our journey into the &#8220;when&#8221; and &#8220;where&#8221; of our new timezone web application when we presented HTML\/PHP Timezone Feed Primer Tutorial as shown below. Today we delve into more sources of data to augment yesterday&#8217;s GoMashup &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmlphp-timezone-feed-google-chart-map-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,37],"tags":[301,412,481,513,519,527,576,620,652,719,932,997,1076,1279,1693,1319],"class_list":["post-17352","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-date","tag-feed","tag-geographicals","tag-google","tag-google-charts","tag-google-maps","tag-html","tag-internationalization","tag-javascript","tag-longitude","tag-php","tag-programming","tag-rss-feed","tag-time","tag-timezone","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/17352"}],"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=17352"}],"version-history":[{"count":8,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/17352\/revisions"}],"predecessor-version":[{"id":17368,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/17352\/revisions\/17368"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=17352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=17352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=17352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}