{"id":785,"date":"2009-11-15T14:24:04","date_gmt":"2009-11-15T04:24:04","guid":{"rendered":"https:\/\/eisabainyo.net\/weblog\/?p=785"},"modified":"2009-11-16T11:15:25","modified_gmt":"2009-11-16T01:15:25","slug":"building-mashups-for-the-society-mashup-australia-part-i","status":"publish","type":"post","link":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/","title":{"rendered":"Building mashups for the society (Mashup Australia) &#8211; Part I"},"content":{"rendered":"<p>When someone says \"mashup\", 90% of people in the room think of google map.   And true enough, when we participated in the <a href=\"http:\/\/mashupaustralia.org\">Mashup Australia<\/a> contest, all three mashups\/apps that we built make use of google map.  Now lets hear about our experiences in building mashups for the Mashup Australia contest.  <\/p>\n<p>The first mashup that we built is <a href=\"http:\/\/www.anansi.com.au\/apps\/centrelink\/\">Centrelink Offices Near You<\/a>.   It's an iPhone web application which makes use of the <a href=\"http:\/\/www.w3.org\/TR\/geolocation-API\/\">Geolocation API<\/a> to find out nearby Centrelink offices.  Geolocation is supported by iPhone Safari browser and therefore, it allows users to provide their location to web applications accessed via the browser.  <\/p>\n<p><strong>What is special about this app?<\/strong><br \/>\nThe overall goal of this app is not different to many other apps that are already available - find places close to your current location (be it offices, schools, cafes, stores, public toilets, bus stops, etc).  However, the beauty of this app is that rather than having to tell the app where you are by entering your postcode or an address, it automatically detects your current location using the built-in Geolocation capabilities.  This is also very handy when you are on the go but you don't necessarily know where you are.  We wanted to build an app that is not already in the market, and one that will showcase what new technologies could bring without impacting the overall goal.   We also wanted to support the <a href=\"http:\/\/gov2.net.au\/\">Government 2.0 Taskforce<\/a> initiative and show just why open access to Australian government data and information are good for the country's economy, society and consumers.<\/p>\n<p><strong>Technologies we use<\/strong><\/p>\n<p><strong>Google Map API<\/strong><br \/>\nWe use <a href=\"http:\/\/code.google.com\/apis\/maps\/documentation\/v3\/\">Google Map API 3<\/a> for map integration.   This is the first time we use the JavaScript API because it is designed to load fast, and therefore works well on Javascript-enabled mobile devices such as Android and iPhone.  It also supports User Agent detection which we use in our app to detect whether the user is using iPhone or not.  Check out <a href=\"http:\/\/code.google.com\/apis\/maps\/documentation\/v3\/demogallery.html\">demo gallery<\/a> to learn more about the functionalities the API offers. <\/p>\n<p><strong>iUI Framework  <\/strong><br \/>\nTo obtain the look and feel of a native iPhone app for our web app, we use <a href=\"http:\/\/code.google.com\/p\/iui\/\">iUI: iPhone User Interface Framework<\/a>.  We have used iUI for all our <a href=\"http:\/\/www.anansi.com.au\/work.php\">iPhone web applications<\/a> and it's pretty good.  Just a few negatives that we noticed with iUI framework are that it invalidates your markup because it uses a proprietary attribute <code>selected=\"selected\"<\/code> on div elements and form input elements look quite out of place on any browsers other than Safari.  Other than that, it's very easy-to-use, dynamic and has a lot of <a href=\"http:\/\/code.google.com\/p\/iui\/wiki\/PoweredBy\">examples<\/a> on the web.<\/p>\n<p><strong>LAMP Environment<\/strong><br \/>\nWe use LAMP environment which consists of Linux, Apache Web server, MySQL database and PHP Server-side language.  The high-level architecture is pretty simple; a MySQL database that contains data about centrelink offices in the country with geo-location information, a web application in PHP that queries the database for centrelink offices close to a specified geo-location, and a RESTful web service that returns an HTML result onto your mobile phone. The RESTful web service also returns data in KML format for using it in another application, eg: Google Earth.  <\/p>\n<p>Using the exact same code and technologies used in this application, we applied it to another dataset (Medicare Offices in Australia) to demonstrate the reusability and adaptability of the concept and code.  The end result is <a href=\"http:\/\/www.anansi.com.au\/apps\/medicare\/\">Medicare Offices Near You<\/a>, the 2nd entry we submitted for Mashup Australia.  <\/p>\n<p>Part II will talk about Google Map + Flickr + Wikipedia mashup that we built, called <a href=\"http:\/\/www.anansi.com.au\/apps\/interactive-photos-map\/\">Historic Australia - Interactive Photos Map<\/a>.<\/p>\n<p>------------<br \/>\n<small>If you like our apps, you can vote for us at the Mashup Australia website: <a href=\" http:\/\/mashupaustralia.org\/mashups\/centrelink-offices-near-you\/\">Centrelink Offices Near You<\/a>,  <a href=\" http:\/\/mashupaustralia.org\/mashups\/medicare-offices-near-you\/\">Medicare Offices Near You<\/a> and <a href=\"http:\/\/mashupaustralia.org\/mashups\/historic-australia\/\">Historic Australia - Interactive Photos Map<\/a>.<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When someone says &#8220;mashup&#8221;, 90% of people in the room think of google map. And<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-785","post","type-post","status-publish","format-standard","hentry","category-default"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Building mashups for the society (Mashup Australia) - Part I | Tech Leadership Advice &amp; Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building mashups for the society (Mashup Australia) - Part I | Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"og:description\" content=\"When someone says &quot;mashup&quot;, 90% of people in the room think of google map. And\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/\" \/>\n<meta property=\"og:site_name\" content=\"Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"article:published_time\" content=\"2009-11-15T04:24:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2009-11-16T01:15:25+00:00\" \/>\n<meta name=\"author\" content=\"Isabel Nyo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Isabel Nyo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/\"},\"author\":{\"name\":\"Isabel Nyo\",\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/#\\\/schema\\\/person\\\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"headline\":\"Building mashups for the society (Mashup Australia) &#8211; Part I\",\"datePublished\":\"2009-11-15T04:24:04+00:00\",\"dateModified\":\"2009-11-16T01:15:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/\"},\"wordCount\":634,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/#\\\/schema\\\/person\\\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"articleSection\":[\"Web Development Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/\",\"url\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/\",\"name\":\"Building mashups for the society (Mashup Australia) - Part I | Tech Leadership Advice &amp; Resources\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/#website\"},\"datePublished\":\"2009-11-15T04:24:04+00:00\",\"dateModified\":\"2009-11-16T01:15:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/2009\\\/11\\\/15\\\/building-mashups-for-the-society-mashup-australia-part-i\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building mashups for the society (Mashup Australia) &#8211; Part I\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/#website\",\"url\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/\",\"name\":\"Career Resources for Professionals in Tech\",\"description\":\"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors\",\"publisher\":{\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/#\\\/schema\\\/person\\\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/eisabainyo.net\\\/weblog\\\/#\\\/schema\\\/person\\\/33457dd19f1ad9bbd4b0cb50c54dfcab\",\"name\":\"Isabel Nyo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"caption\":\"Isabel Nyo\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\"},\"description\":\"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more..\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building mashups for the society (Mashup Australia) - Part I | Tech Leadership Advice &amp; Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/","og_locale":"en_US","og_type":"article","og_title":"Building mashups for the society (Mashup Australia) - Part I | Tech Leadership Advice &amp; Resources","og_description":"When someone says \"mashup\", 90% of people in the room think of google map. And","og_url":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/","og_site_name":"Tech Leadership Advice &amp; Resources","article_published_time":"2009-11-15T04:24:04+00:00","article_modified_time":"2009-11-16T01:15:25+00:00","author":"Isabel Nyo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Isabel Nyo","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/#article","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/"},"author":{"name":"Isabel Nyo","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"headline":"Building mashups for the society (Mashup Australia) &#8211; Part I","datePublished":"2009-11-15T04:24:04+00:00","dateModified":"2009-11-16T01:15:25+00:00","mainEntityOfPage":{"@id":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/"},"wordCount":634,"commentCount":3,"publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"articleSection":["Web Development Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/","url":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/","name":"Building mashups for the society (Mashup Australia) - Part I | Tech Leadership Advice &amp; Resources","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/#website"},"datePublished":"2009-11-15T04:24:04+00:00","dateModified":"2009-11-16T01:15:25+00:00","breadcrumb":{"@id":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eisabainyo.net\/weblog\/2009\/11\/15\/building-mashups-for-the-society-mashup-australia-part-i\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eisabainyo.net\/weblog\/"},{"@type":"ListItem","position":2,"name":"Building mashups for the society (Mashup Australia) &#8211; Part I"}]},{"@type":"WebSite","@id":"https:\/\/eisabainyo.net\/weblog\/#website","url":"https:\/\/eisabainyo.net\/weblog\/","name":"Career Resources for Professionals in Tech","description":"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors","publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab","name":"Isabel Nyo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","caption":"Isabel Nyo"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g"},"description":"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more.."}]}},"_links":{"self":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":9,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/785\/revisions"}],"predecessor-version":[{"id":794,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/785\/revisions\/794"}],"wp:attachment":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/media?parent=785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/categories?post=785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/tags?post=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}