Portfolio: XML

XML

XML or EXtensible Markup Language is a markup language that defines a set of rules for structuring documents in a format that is both human and machine readable. Having a defined structure allow the same information to be used in a variety of formats, such as; print, websites, mobile devises, screen reading software, etc.

XML

Below are a few of my XML examples from recent projects.

CrowdSource ScreenShot

“Crowd Source”

Tags: PHP MySQL ActionScript XML

In “Crowd Source” I had created an experiment in crowd-source story-telling. The goal was to create a more compelling story than I alone could conjure. The Flash based website retrieves the apps stored data from its database through MySQL. From there PHP formats the data into an XML structure that my ActionScript program can read and understand.

Below is a sample of the XML structure used in "Crowd Source":
View More...
View Sample Data

This XML structure features:

  • A book tag with attributes for all its credentials.
  • The book tag also allows for expansion with the use of the “episode” attribute to distinguish between stories.
  • Each page tag identifies what order it goes in the book, what type of page, and what book it belongs to.
  • Within each page can be many storyVersions featuring the storyText tag as well as credits to the author.

Launch website in a new window.
View source code in a new window.

Resume ScreenShot

“Resume”

Tags: JavaScript jQuery XML

In “Resume” I use jQuery to easily read an external .xml file, parse it, and dynamically load its data into the contents of my online resume. I use this external file instead of hard coding to facilitate updates to the resume much easier.

Below is a sample of the XML structure used in "Resume":
View More...
View Sample Data

This XML structure features:

  • Two main tags leftSide and rightSide which separates the resume’s content into two sides.
  • The leftSide tag further separates into categories, broken by subcategories. Each subcategory has a date range, brief description, and bullet points.
  • Like the leftSide tag the rightSide tag has categories, further broken into subcategories. The subcategories however contains an about take that takes a title and a link. A portfolio tag that takes a title and a link. Lastly a tag to handle comments and further information.

Launch website in a new window.
View page’s JavaScript sample.

Leave a Reply

Your email address will not be published. Required fields are marked *

*