| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

View
 

COP4813 Assignment 6 - Embedding XML

Page history last edited by Dr. Ron Eaglin 7 years, 7 months ago

 Assignment - Embedding XML

 

Objectives

 

Use existing XML Languages

Create XML data for use on the web

 

Supports Course Outcome 3

3 – Use XML, XSL, CSS, and correct techniques to create properly structured and well designed web sites.

 

Assignment

 

You are going to work with some existing XML languages, creating 3 pages - one to demonstrate your ability with each XML language. You will use three languages; Math Markup Language (MathML), Scalable Vector Graphics (SVG) , and Keyhole Markup Language (KML).

 

1. Using MathML and html create a page for a complex equation. The equation should use some special characters and have a complexity at least as complex as general equation of motion (see http://en.wikipedia.org/wiki/Equations_of_motion ). Your page will display the equation and also include information about the inputs and variables. Think of it as a tutorial page. If you need an editor to create your MathML one is available at http://www.fmath.info/ 

 

2. Using SVG create a picture in SVG. If you do not want to work with the raw SVG xml there are plenty of editors that will output the SVG. With the SVG (this will be text) embed your picture in a web page you create. I will grade it by viewing the source code to verify that you used SVG. There are plenty of shapes for you to play with at http://www.w3schools.com/svg/svg_examples.asp - your submission will be a page with your SVG picture embedded in it. There are lots of SVG editors out there.

 

3. Your final page submission will use Keyhole Markup Language (KML). First read up on what KML is http://en.wikipedia.org/wiki/Keyhole_Markup_Language - bottom line is it the language used by Google Maps. You are going to create a page which display on the left side the raw KML data, and on the right side the same data rendered in Google Maps. This may sound hard, but in reality it is not that difficult. (also a little bit of Google searching will give you some great examples). You do not need to go into as much depth as http://display-kml.appspot.com/  - but this is a great site to test your kml. I recommend you do some really simple kml- like a Placemark of your favorite place.

 

You will be turning in 3 pages - one page for each part.

 

Information

 

Using the XML tutorial at W3 Schools ( http://www.w3schools.com/  )  and the video segments will prepare you sufficiently for this assignment. There are also plenty of web resources available and I am happy to post lectures to get folks past the tough areas.

 

Estimated Completion Time

 

10 hours

 

Supporting Lectures 

 

You will want to view all the XML Lectures at COP 4813 Lectures

 

Specifically good lectures are;

 

Lecture - XML Languages - MathML 

 

Lecture - XML Languages - SVG 

 

Lecture - XML Languages - KML 

 

Lecture - Putting KML with Query String Processing

 

Questions and Answers

 

 

External Resources

 

MathML Reference - http://www.w3.org/Math/ 

 

SVG Reference - http://en.wikipedia.org/wiki/Scalable_Vector_Graphics 

 

KML Reference - http://en.wikipedia.org/wiki/Keyhole_Markup_Language 

 

JSFiddle - KML Example - http://jsfiddle.net/reaglin/gB2YD/ 

 

 

Grading Criteria

 

3 points for the MathML (all or nothing)

 

3 points for the SVG Page

 

4 Points for the KML Page

Comments (0)

You don't have permission to comment on this page.