#comment<xmp>There's an html <xmp> command in here
to make sure the file gets served as text.
#end

#label(HTMLSUFF).html#end
#label(BODY_OPTIONS)
	BGCOLOR="##FFE9BF"
	TEXT="##000000"
	LINK="##0000ff"
	VLINK="##000080"
	ALINK="##0080FF"
#end

#label(DATE)November 5, 1996#end
#label(TITLE)Presentation on Analysis WebNotes: ICTCM '96#end

#label(Welcome)<a href="Welcome.html">#end
#label(presentation)<a href="Welcome.wfy">#end
#label(webifyDocs)<a href="http://www.math.unl.edu/~jorr/docs/webify/webify.tex">#end

#label(<)<p><center>#end
#label(>)</center><p>#end

#label(LINE)#ref(<)<img src="BrownBar.gif" alt="">#ref(>)#end
#label(line)#ref(<)<img src="LilBrownBar.gif" alt="">#ref(>)#end

#label(red)<img src="red.gif">#end
#label(blue)<img src="blue.gif">#end
#label(up)<img src="up_blue.gif">#end
#label(return)#ref(up)#ref(Welcome)<b>Return to the menu</b></a>#end

#mainhead(mainline)

<center>
<font color="red"><h2>Analysis <i>WebNotes</i>: A Math Course on the Web</h2></font>
</center>

#ref(LINE)

<h1 align=center>Analysis <i>WebNotes</i></h1>
<h2 align=center>John Lindsay Orr<br>
Department of Mathematics and Statistics<br>
University of Nebraska-Lincoln
</h2>


#ref(line)
<center>
<table width=95% cellspacing=10>
<tr>
<td colspan=3 align="center">#ref(blue) #link(overview)Overview#end
</td>
</tr><tr>
<td>#ref(blue) #link(course)The Course#end
</td>
<td>
#ref(blue) #link(webnotes)Analysis <i>WebNotes</i>#end
</td>
<td>#ref(blue) #link(tools)Course Stats and Design#end
</td></tr>
</table>
</center>
#ref(line)

<b>Site: </b><tt>http://www.math.unl.edu/webnotes-bin/visit</tt><br>
<b>This presentation:</b> <tt>http://www.math.unl.edu/~jorr/presentations/ictcm96</tt><br>
<b>Author:</b> <tt>jorr@math.unl.edu</tt>

#ref(LINE)


#sideline(overview)
#label(ov1)
<h2>#ref(red)Overview</h2>
#ref(LINE)

<table>
<tr>
<td valign="top">#ref(blue)</td>
<td>Demonstrate an interactive textbook on pure mathematics, which is based on the web.</td>
<tr>
<tr>
<td valign="top">#ref(blue)</td>
<td>Discuss issues that arose while writing this textbook, with emphasis on:
<ul>
#end
#ref(ov1)
<li>
#link(overview1)Presenting mathematics on the web#end
<li>
Organizing a large scale site
#label(ov2)
</ul>
</td>
</tr>
</table>
#end
#ref(ov2)
#end

#sideline(overview1)
#ref(ov1)
<li>
Presenting mathematics on the web<p>
#link(overview2)Problem:#end dealing with mathematical notation that goes beyond the 
(limited) the scope of HTML<p>
<li>
Organizing a large scale site
#ref(ov2)
#end


#sideline(overview2)
#ref(ov1)
<li>
Presenting mathematics on the web<p>
<font color="red">Problem:</font> Dealing with mathematical notation that goes beyond the 
(limited) the scope of HTML<br>
<font color="red">Philosophy:</font>
<ul>
	<li>
	Embed images of text typset by TeX
	<li>
	Aim to keep TeX and html separated
</ul><p>
<li>
#link(overview3)Organizing a large scale site#end
#ref(ov2)
#end



#sideline(overview3)
#ref(ov1)
<li>
Presenting mathematics on the web<p>
<font color="red">Problem:</font> Dealing with mathematical notation that goes beyond the 
(limited) the scope of HTML<br>
<font color="red">Philosophy:</font>
<ul>
	<li>
	Embed images of text typset by TeX
	<li>
	Aim to keep TeX and html separated
</ul><p>
<li>
Organizing a large scale site<br>
This talk will describe software developed to:
<ul>
<li>
Integrate TeX and html
<li>
Manage large numbers of cross-referenced pages
</ul>
#ref(ov2)
#ref(return)
#end




#sideline(course)
	#label(courseText)
	<h2>#ref(red)The Course</h2>#ref(LINE)

	<h3>#ref(blue)Course Description:</h3>
	<ul>
	<li>
	Mathematical Analysis: Math 425-426, 825-826
	<li>
	Senior/grad mathematics course in 
	#link(define_analysis)mathematical analysis#end
	<li>
	Analysis is a core course for math majors/grad students at most schools
	<li>
	#link(clientele)Clientele#end
	</ul>

	#ref(line)
	
	<h3>#ref(blue)Features of this Course:</h3>
	<ul>
	<li>
	High level of abstraction
	<li>
	Need to integrate verbal, algebraic and graphical reasoning
	<li>
	"Proof/theorem-based" structure
	<li>
	Large #link(theory)theory#end
	</ul>
	#end(label)#ref(courseText)
	
	#sideline(theory)
	#ref(courseText)
	<blockquote>
	<font color=red size=-1>
	Although the subject breaks down into chapters and sections, this is a
	two-semester 	
	course which develops a single coherent, interworven body of theory. <p>

	The students need to work
	hard to assimilate the "big picture".
	</font>
	</blockquote>
	#ref(return)
	#end
#end

#sideline(define_analysis)
	<h2>#ref(red)Mathematical Analysis</h2>#ref(LINE)
	<ul>
	<li>
	Analysis is a subject in pure mathematics which develops rigorous proofs
	of the fundamental concepts used in calculus. The ideas of limits, which are
	so fundamental to calculus, are surprisingly subtle, and a complete
	understanding of them is well beyond the scope of calculus courses.
	<li>
	The key skills are to write mathematical proofs involving the 
	careful, formal definitions of:
		<ul>
		<li>Limits
		<li>Continuity
		<li>Integrals and derivatives
		</ul>
	</ul>
#end
	
#sideline(clientele)
	<h2>#ref(red)Clientele</h2>#ref(LINE)
	Last fall, the course had 30 students (a typical size for recent years):
	<ul><li>11 undergraduates<li>19 graduates</ul>
	The course is required for our Master's and PhD students,
	and leads into qualifying exams on the same material.
#end

#sideline(webnotes)
	#label(step1)
	<h2>#ref(red)Analysis <i>WebNotes</i></h2>#ref(LINE)
	#ref(blue)
	Analysis <i>WebNotes</i> is a comprehensive on-line resource for the students in 
	Math 425/825.<p>
	
	#ref(blue)
	It serves the role of a textbook: for future courses, it can be used in
	conjuction with lecture notes, or for private study.<p>
	#end
	#ref(step1)
	
	#ref(blue)
	#link(features)Features:#end
	<p>
	#ref(blue)Tour of <i>WebNotes</i>:
	
	#sideline(features)
		#ref(step1)
		
		#label(step2)		
		#ref(blue)
		Features:
		<ul>
		<li>
		Complete course notes
		<li>
		Interactive demonstrations
		<li>
		Open discussion problems
		<li>
		Homework assignments and solutions
		</ul><p>
		#end #ref(step2)
		
		#ref(blue)
		#link(tour)Tour of <i>WebNotes</i>:#end
		
		#sideline(tour)
			#ref(step1)
			#ref(step2)
			#ref(blue)Tour of <i>WebNotes</i>:
			<ul>
			<li>
			<a href="webnotes/home/home.htm">
			Home Page</a>
			<li>
			<a href="webnotes/contents/contents.htm">
			Contents Page</a>
			<li>
			Sample Classes:
			<ul>
				<li>
				<a href="webnotes/classes/class32/class32.htm">
				Mean Value Theorem</a>
				<li>
				<a href="webnotes/classes/class48/class48.htm">
				Conditionally convergent series</a>
			</ul>
			<li>
			Interactive Demonstrations:
			<ul>
				<li>
				<a href="http://www.math.unl.edu/~webnotes/classes/class23/DEMO.htm">
				Open sets</a>
				<li>
				<a href="http://www.math.unl.edu/webnotes-bin/RiemannSum/init?TEXTBASE=/Users/U3/Faculty/jorr/Library/Public_html/webnotes/classes/class50/IntDemo.htm">
				Riemann integration</a>
			</ul>
			<li>
			<a href="http://www.math.unl.edu/webnotes-bin/manager/~webnotes/webboards/question_boards/question1/quest1.htm">
			Discussion Pages</a>
			<li>
			<a href="http://www.math.unl.edu/~webnotes/homework/hwk05/hwk05.htm">
			Homework</a>
			<li>
			<a href="webnotes/home/demos_index.htm">
			More interactive demos</a>
			</ul><p>
			#ref(return)
		#end
	#end
#end

#sideline(tools)
	<h2>#ref(red)Course Stats and Design:</h2>#ref(LINE)
	<h3>#ref(blue)#link(stats)Course Stats#end</h3>
	<h3>#ref(blue)#link(design)Design#end</h3>
#end



#sideline(stats)
	<h2>#ref(red)Course Stats and Design:</h2>#ref(LINE)
	<h3>#ref(blue)Course Stats</h3>
		<ul>
		<li>
		Comprises:
			<ul>
			<li>
			400-plus web-pages
			<li>
			2000 files (pages, pictures, cgi-scripts etc)
			</ul>
		<li>
		Usage (stats from end of Fall 95):
		<ul>
			<li>
			Class notes were accessed 3386 times (ave. 113 times per student)
			<li>
			Homework questions were accessed 351 times (ave. 12 times per student)
			<li>
			Homework answers were accessed 329 times (ave. 11 times per student)
			</ul>
		<li>
		Off-site Visitors:
			<ul>
			<li>
			Since December 4, 1995 we've had 2285 visitors
			</ul>
		<li>
		Student Response:
			<ul>
			<li>
			Mid-semester survey found median weekly usage was 3x per week.
			<li>
			Same survey found 3:1 margin thought <i>WebNotes</i> better learning tool than
			printed notes
			<li>
			#link(comments)Student Comments#end
			</ul>
		<li>
		#link(problems)Problems and solutions.#end	
		</ul>
	
	#ref(line)
	
	<h3>#ref(blue)#link(design)Design#end</h3>
#end


#sideline(design)
	<h2>#ref(red)Course Stats and Design:</h2>#ref(LINE)
	<h3>#ref(blue)Course Stats</h3>
	
	<h3>#ref(blue)Design</h3>
	<ul>
	<li>
	Mathematical notation:
		<ul>
		<li>
		Typeset in TeX
		<li>
		Adopted the philosophy of keeping TeX and html to separate paragraphs
		<li>
		Used scripts from Nikos Drakos's 
		<a href="http://cbl.leeds.ac.uk/nikos/tex2html/doc/latex2html/latex2html.html">
		Latex2Html</a> package to make a tex2gif program
		</ul><p>
	<li>
	Juggling TeX, html, and lots of pages
		<ul>
		<li>
		Designed a compilation program called #link(webify)<tt>Webify</tt>#end
		
#end

#sideline(webify)
	<h2>#ref(red)Webify</h2>#ref(LINE)
	<h3>#ref(blue)What is <tt>Webify?</tt></h3>
	<ul>
	<li>
	Webify is a text-based tool for producing <i>WebNotes</i> classes. 
	<li>
	You can mix HTML (for the webpages) with TeX (for the scientific/mathematical notation)
	<li>
	Sideline documents (comments, proofs, further details) are written as comments in the
	same document so you don't have to juggle lots of different documents.
	#link(dataPoint)(Data point)#end
	#sideline(dataPoint)
		<font size=+1 color="gray">
		"Sideline documents (comments, proofs, further details) are written as comments 
		in the same document so you don't have to juggle lots of different documents"</font><p>
		<font color="red">
		This presentation used roughly 160 files (html and gif'ed images of tex). It
		was compiled from 5 webify files.
		</font>
	#end
		
		
	<li>
	Frequently-used segments of text (like the image tag for #ref(blue) for example) can be 
	referenced by  labels (the blue bullet came from <tt>##ref(blue)</tt>).
	<li>
	Crossreferencing is by mnemonic labels rather than URLs, and your files can be easily
	relocated to different sites.
	</ul>
	
	<h3>#ref(blue)#ref(presentation)Example:</a></h3>
	View the file that generated this presentation.
	
	<h3>#ref(blue)#ref(webifyDocs)Documentation:</a></h3>
	Download webify documentation.<p>
	
	#ref(return)	
	
#end

#sideline(comments)
<h2>#ref(red)Student Comments</h2>#ref(LINE)

<pre>
It takes the pressure off jotting everything down in class...

Who needs a text with webnotes

I like the connections that move from one part to another to see the 
relations between things

Yay WebNotes! A very good idea, well executed. My only beef with Webnotes 
is how hard it is to access from Lynx

The webnotes are invaluable, and I think they're really ahead of their time

Next semester I plan to utilize [webnotes] much more fully that I have this term
</pre>
#end


#sideline(problems)
	<h2>#ref(red)Problems and Solutions</h2>#ref(LINE)
	<ul>
	<li>
	Access issues
	<li>
	Minor errors with links and permissions
	<li>
	Inline images: issues with image quality, and with typos
	<li>
	Difficulties for text-based browsers (Lynx)
	</ul>
#end

#comment </xmp> #end