DSA Week 151 Mashups, Google Earth and Geo-coding.

Slides:



Advertisements
Similar presentations
Get Started with GIS Mapping Part 1of 3 Madhu Lakshmanan.
Advertisements

Connect Pictometry Online End User
Strategies For Creating Accessible University Webpages Scot Close and Neil Torrefiel Web Services Unit San Jose State University.
UFCEKG-20-2 Data, Schemas & Applications Lecture 6 The Web of Data, API’s & PHP.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
By Jim Graham May, How GoogleEarth Works 2. Display Excel Data in GoogleEarth 3. Creating KML Files for GoogleEarth.
B.Sc. Multimedia ComputingMedia Technologies Database Technologies.
DSA week 161 XML Data and Schemas DSA Week 16. DSA week 162 News Bloglines wall of images –
Dynamic Web Pages Bert Wachsmuth. Review  Internet, IP addresses, ports, client-server, http, smtp  HTML, XHTML, XML  Style Sheets, external, internal,
Mannheim Web 2.0 Systems Development. Plan Being an early-adopter Web 2.0 technologies Mashups Google Earth and kml XQuery and eXist.
UFIEKG-20-2 / 06 / Week 131 Data, Schemas and Applications Term 2 Week 13.
Web 2.0: Concepts and Applications 3 Syndicating Content.
RSS RSS is a method that uses XML to distribute web content on one web site, to many other web sites. RSS allows fast browsing for news and updates.
Chapter 14 Introduction to HTML
(C) 2013 Logrus International Practical Visualization of ITS 2.0 Categories for Real World Localization Process Part of the Multilingual Web-LT Program.
Web Design Basic Concepts.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
Writing All Your Code In OpenEdge Architect Peter van Dam.
Integration of APPX Applications with Google Earth © John Selvage, Selvage Custom Software APPX Conference - October 2011.
Computer Concepts 2014 Chapter 7 The Web and .
1 Homework / Exam Exam 3 –Solutions Posted –Questions? HW8 due next class Final Exam –See posted schedule Websites on UNIX systems Course Evaluations.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
Design for Senior Project December 05, 2007 Raytheon_Design_Review.ppt 1 of 19 Raytheon – Google Earth Roy Daniels, Marc Maciel, Rifina Pierre Department.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
Programming games Examples: Audio example. Google Maps api. Classwork: show more complex video. Classwork/Homework: Find place (lat and long) for basic.
Wikis are websites where pages can be edited using an online document editor. Users can easily edit and share content. Enterprise wikis are platforms.
APPX Conference Welcome! Welcome! Agenda – Friday AM  Redmine  Customer/VAR Presentations Mapping customers in Google Earth Mapping customers.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.
University of Sunderland CDM105 Session 5 Web Authoring Tools The past and present A history of web authoring tools and an overview of Macromedia Dreamweaver.
Utilizing Data Sets from the CReSIS Data Archives to Visualize Greenland Echograms Information in Google Earth 2012 Research Experience for Undergraduates.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Lines of Latitude and Longitude
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
Tutorial 1: Browser Basics.
Introduction to Applets CS 3505 Client Side Scripting with applets.
HTML Hyper Text Markup Language A simple introduction.
What is RSS? And how do I use it to make my life easier.
Presentation Topic: XML and ASP Presented by Yanzhi Zhang.
1 3. Computing System Fundamentals 3.1 Language Translators.
COS 125 DAY 21. Agenda Assignment 8 corrected  4 A’s, 2 B’s, 2 C’s and 1 late Assignment 9 not corrected yet Capstone progress report due There will.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
Date : 3/3/2010 Web Technology Solutions Class: Application Syndication: Parse and Publish RSS & XML Data.
HTML: Hyptertext Markup Language Doman’s Sections.
IBM Software Group ® Context-Sensitive Help with the DITA Open Toolkit Jeff Antley IBM October 4, 2007.
Dr. Martin Zhao Sept 4, Topics HTML and related tutorials on w3schools.com Related HTML tags Adding interesting features using JavaScript What is.
XP Tutorial 8 Adding Interactivity with ActionScript.
Tom Taylor District Five Schools of Spartanburg. What we’ll cover today… Navigation Creating Placemarks Searches Layers Saving Files and Images Dynamic.
COMP9321 Web Application Engineering Semester 2, 2015 Dr. Amin Beheshti Service Oriented Computing Group, CSE, UNSW Australia Week 4 1COMP9321, 15s2, Week.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
GoogleEarth Keyhole Markup Language (KML) Based on Extensible Markup Language (XML) KML files can come from Internet servers or files on your computer.
XML Technology. Emerging Importance of XML –HTML-tagging is display oriented. –XML-based content tagging has important uses: data mining role-oriented.
Users are moving towards web applications Content on the web is more personal & meaningful Development on the web is easier than the OS.
What is KML?  Keyhole Markup Language  Form of XML that is used in google earth to mark points.  Can create camera angles  Writes HTML descriptions.
HTML Hyper Text Markup Language. The Basics u HTML documents contain “tags” which instruct the Browser software on how to present the information within.
Dr. Abdullah Almutairi Spring PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. PHP is a widely-used,
JavaScript and Ajax (JavaScript Environment) Week 6 Web site:
GeoSpatial Analysis UNICEF Security Advisors Workshop 20 October 2010.
GEOVISUALIZATION: VISUALIZE THAT ON A MAP Sarah G. Park April 14, 2016.
HTML Hyper Text Markup Language. Agenda Basics Tools Important tags Tables & databases Forms Publishing at Stern.
 A Javascript library designed to simplify client-side scripting of HTML.
1 ODF and Web Mashups Basic techniques Rob Weir, IBM :15.
Mapping for the interwebs
Part of the Multilingual Web-LT Program
Intro to PHP.
Presentation transcript:

DSA Week 151 Mashups, Google Earth and Geo-coding

DSA Week 152 Agenda XPath continued Mashups Google Earth Keyhole Markup Language Generating kml

DSA Week 153 Mashups (1) Mashups are about information reuse. Just as code reuse was the holy grail of object-oriented development, enabled through class (code) libraries, so mashups are about data reuse and recombination. An alternative term is ‘bricolage’, a term used in the IS context by Claudio Ciborra.Claudio Ciborra ProgrammeableWeb documents over 1520 (700 at the beginning of May 2006), nearly half of which use location data associated with photographs (Flickr), house sales (Craig’s List) and news items (RSS) linked to maps( Google Map.)ProgrammeableWeb Google Map

DSA Week 154 Mashups (2) Combining information from multiple sources –Application gets data from a source Page-scraping (parsing HTML) Application Programmer Interface (API) –SOAP / REST /JavaScript functions RSS (Real Simple Syndication) –Standard identifiers to link data (e.g. Currency codes) –Combine data on server or client E.g. Using Google Map Javascript API E.g. –Subletr at Waterloo University on CanadaSubletr

DSA Week 155 Google Earth Blog entry Google Earth is a client-side mapping application (needs a download) so not used in this list of Mashups –Image based on satellite and aerial imagery (200 terabytes) –Uses can add annotations such as Placemarks, with a position and description –User defined overlays can be saved and distributed as XML Google Maps now can use the same overlays.

DSA Week 156 Google Earth Demo StudentsOnline Google Earth operations –Creating Folders –Creating Placemarks –Editing Location and Description –Editing Icons –Saving as kml Partner Organisations map

DSA Week 157 Creating a static GE overlay Create a new folder Go to a location Create a new Placemark and add to folder Edit the Placemark Save the Folder as kml (kmz is zipped kml) View the saved file in a text editor. Edit the description of a Placemark in this file Load the modified kml file Place the kml file in your public-html directory Reference this file from a browser (Firefox) This should then start up GE and load the overlay

DSA Week 158 Example kml file UWE 1 …. Bower Ashton <![CDATA[The home of the Faculty of Art, Media and Design ]]> , ,0 …. This is very minimal but it is enough Uses default icon Uses default viewpoint

DSA Week 159 CDATA Problem – XML has a strict definition of what is allowable, but what if you have to include content which is not allowed e.g. Un-nested tags as pure data. Answer 1 –Replace all characters by their character entities or decimal character i.e. < becomes < Answer 2 –Enclose the messy data in the special tag

DSA Week 1510 Understanding kml Experimental: –Use a text editor (Notepad, PFE32) to load the text file, change a description, save and reload (after deleting the original) ? Online documentation– the Google Earth specification Draw a tree diagram to explain the general structure

DSA Week 1511 Advanced Google Earth Icons –Style can be designed For each Placemark For a set of placemarks by creating a style with an id Small icons can be selected from the big pallette png’s – each is 32* 32 pixels, arranged in 8 rows of 8, numbered 0- 7 from the bottom-left. Specific icons can be selected with the appropriate x, y, h, w parameters

DSA Week 1512 Understanding Latitude and Longitude Lines of equal latitude Lines of equal longitude (0, 0) of the West coast of Africa 0 longitude is the Greenwich Meridian 0 latitude is the Equator +,+ +, - Bristol 51 ° 27’ N 2 ° 36’ W 1 minute of latitude = 1 Nautical Mile = miles 60 seconds in 1 minute 60 minutes in 1 degree 360 degrees in a full circle 1 minute of longitude goes to zero at the poles As decimal

DSA Week 1513 Geocoding To determine the latitude and longitude of an address or postcode One at a time –Use Google Earth to find a place by name or full postcode and note the latitude and longitude –Hint – select the option to display latitude and longitude in decimal degrees not degrees, minutes and seconds In Bulk UK Postcodes –commercially available in bulk –Use one of the free XML-based services supplied Mikel Maron who resides in the Dominican Republic.Mikel Maron

DSA Week 1514 Examples of location data -2.6, 51.45,

DSA Week 1515 Inconsistant Geocoding data Just as we saw with the weather data, there are lots of ways of marking up position data. Nearly all in Latitude and Longitude expressed as decimal degrees but also in OS northing and easting Compare the different markups in –Weather Channel –BBC –Yahoo –kml –GeoRSS Kml also includes altitude Different mapping systems will return different positions – one cause are different datums because the earth is not round. Google Earth uses WSG84 This creates difficulties in system integration

DSA Week 1516 Dynamic kml kml is just another XML file so we can get PHP to output kml just as we did html A few differences –You have to set the mime-type to kml –You have to create a valid kml file The full definition of the syntax of kml is very large, but most developers work from examples (XML schema has only recently been defined)

DSA Week 1517 A trivial kml generator Basic demonstration –Read a BBC weather feed from a file –Generate a kml file with one Placemark Key features –header("Content-type: application/vnd.google- earth.kml+xml;"); –Minimal elements On GoogleEarth – hp?name=Bristolhttp:// hp?name=Bristol On GoogleMaps – wallac/apps/phpxml/showPlace.php?name=Bristolhttp://maps.google.com/maps?q= wallac/apps/phpxml/showPlace.php?name=Bristol

DSA Week 1518 PHP script <?php $name = $_REQUEST["name"] $places = simplexml_load_file("places.xml"); $place = $places->xpath("//Place[name='$name']"); $place= $place[0]; header("Content-type: application/vnd.google-earth.kml+xml; charset=UTF-8"); ?> A sample overlay A very interesting place longitude,$place->latitude,0"; ?>

DSA Week 1519 Typical output A sample overlay Bristol A very interesting place -2.6,51.45,0

DSA Week 1520 Workshop Use Google Earth to create a kml file Inspect it with a text editor Get the PHP code to convert from a Place name to a kml file working Read the current weather directly from the BBC Use Mikal’s geocoding service in a script which accepts a UK place name and generates a kml file [Use a public server to host the scripts and use GoogleMap to display the locations]