3.5 Assignment #1: XHTML, SVG, and MathML

[prev] [prev-tail] [tail] [up]

3.5 Assignment #1: XHTML, SVG, and MathML

due: Wednesday, Oct 8

Prepare a web page of your liking containing XHTML, SVG, and MathML code of your liking. Submit a URL to your web page. Give your file the extension name .html, and have an alias to it with the extension name .xml.

The following is a miniature example. It requires the file pmathml.xsl in the work directory, and probably will only on MSIE.
<..lab1.html ..>
<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="pmathml.xsl"?>
<html xmlns="http://www.w3.org/1999/xhtml" >
   <head>
     <title>example</title>
   </head>
<body>
    <h1>XHTML + SVG + Mathml</h1>
    <p>A formula
      <math xmlns="http://www.w3.org/1998/Math/MathML" >
         <mfrac> <mi>k</mi> <mn>0</mn> </mfrac>
      </math>
      and a picture:
      <object data="lab1.svg" width="100" height="100" type="image/svg+xml" />
    </p>
</body>
</html>
-_-_-

<..lab1.svg ..>
<svg xmlns="http://www.w3.org/2000/svg" >
   <circle cx="50" cy="50" r="40" fill="yellow"/>
   <rect   x="50"  y="50"  width="40" height="40" fill="green"/>
   <rect   x="10"  y="10"  width="40" height="40" fill="green"/>
</svg>
-_-_-

For mathplayer, try the following

Use a file of the following form.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
"http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd"
>
<html xmlns:m="http://www.w3.org/1998/Math/MathML"
      xmlns:dsi="http://www.dessci.com/mathml"
      xmlns="http://www.w3.org/1999/xhtml"  >
<head><title></title>
  <object id="MathPlayer"
          classid="clsid:32F66A20-7614-11D4-BD11-00104BD3F987" ></object>
  <?import namespace="m" implementation="#MathPlayer" ?>
  
</head>
<body>
<script language="javascript">
  
</script>

........ body .......

</body>
</html>

Add the prefix ‘m:” to the element names of the math formulas, as in the following example.

<p>
A formula

<m:math>
<m:mfrac> <m:mi>a</m:mi> <m:mn>2</m:mn> </m:mfrac>
</m:math>

and a picture:

<object data="lab1.svg"
width="100" height="100" type="image/svg+xml" />
</p>

To post web pages:

Create a directory named ‘~/WWW’ (with the command ‘mkdir ~/WWW’). Note that the W’s are all capital letters.
Change the access protection of the ‘WWW’ directory to 711 (with the command ‘chmod 711 ~/WWW’).
Put the web files in ‘WWW’ and change their category codes to 644.
File abc.xyz is to be reached at http://www.cis.ohio-state.edu/~username/abc.xyz

[prev] [prev-tail] [front] [up]