Homework 26

Math 563 Scientific Computing II

Question:

Suppose that you have a friend who is planning to take scientific computing in the fall. Describe how you put your homework into a web page and make it available to the public.

Discussion:

How to put the homework into a web page?

First, you need to choose an appropriate editor to design your web page. There are lots of choices, some of which are CKEditor, OpenBEXI, SnapEditor, etc. I have been using BlueFish editor for a while and it works pretty well. Compared with other programming languages, HTML language is quite straight-forward. If it is your first time developing a web page, you may want to take a look at the HTML source code of any simple web page. For Mozilla Firefox users, you just need to open Mozilla Firefox, right click on the mouse, and click "Page Source". There are plenty of references about the HTML language structure, one of which I found quite useful is this. The basic principle is that it needs pairs of tags to identify the content in the web page. For example, we use < p > ... < /p > to construct a paragraph. And to place a graph in the page, we may use

C++ code colored by C++2HTML

<
      div class
      =
      "picture"
      > <
      center> <
      img hspace=
      10 src
      =
      "ABC.jpg"
      width=
      "50%"
       > <
      h3 style=
      "text-align:center;"
      >
      Figure 1
      </
      h3> </
      center> </
      div>

For each assignment, you will need to have a separate web page which includes the description of the question, discussion of methods, programming implementation as well as numerical results.

How to publish your code?

It's fairly easy to "publish" your Matlab code and outputs by the built-in function in the software like this.

For better looking of my C++ code in a web page, I usually use this website to turn my code into HTML language.

Writing in LaTex?

Once you get familiar with LaTex, it seems impossible to find a better solution to represent your idea related to math formulas. There are several options in placing Latex formulas in a web page. One approach that I find convenient is by adding a few lines of "script" in the head part of the text. C++ code colored by C++2HTML

<script type="text/javascript" src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({ TeX: { extensions: ["autobold.js"] }});
        MathJax.Hub.Config({
          tex2jax: {
                inlineMath: [['$','$'], ['\\(','\\)']],
            processEscapes: true
          }
        });
</script>
<script type="text/javascript">
LatexIT.add('p',true);
</script>

Then we can input Latex formulas with $\$ \cdots \$ $ or $\$ \$ \cdots \$ \$ $ as we usually do.

How to make your web page available to the public?

If you are a graduate student in mathematics department at Duke, then you only need to follow the guidance from the Frequent Asked Questions page in the department website.

Creating Personal/Class Webpages
You can set up personal or class webpages inside your home directory within a subdirectory called public_html. All files and directories placed in this subdirectory will, with proper permissions, be accessible via the web at http://www.math.duke.edu/~username/ where username is your login name. If you omit the filename, as in this example, the file index.html will be displayed if present or an error given if it is not present.

To setup a personal webpage, here are the basic steps. Run these from a command prompt :

First create the directory ~/public_htmlif it does not already exist.

mkdir -p ~/public_html
Next set the proper permissions for the directory so that it can be entered by the web server.

chmod 701 ~/public_html
You should repeat this for any subdirectories of ~/public_html that you create.
Now create a file called index.htmlinside the directory ~/public_html using your favorite editor. kompozer is a nice WYSIWYG HTML editor.

kompozer ~/public_html/index.html Create your home page using the editor and save it to disk.
Finally set the permissions on index.htmlso that it is readable by the web server.

chmod 604 ~/public_html/index.html
You should repeat this for any other files you place within ~/public_html.
Go to the URL http://www.math.duke.edu/~username/index.html replacing username with your login name and see if you get the webpage you just created.

If you are not a math graduate student but you have got an account at the departmental computing center , then you can follow the above steps after login the Virtual Desktop at https://www.math.duke.edu/gde .

Last modified: