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.