index.html
<link href="markdown.css" rel="stylesheet"></link>
<h1>A First Level Header</h1>
<h2>A Second Level Header</h2>
<h3>A Third Level Header</h3>
<h4>A Fourth Level Header</h4>
<h5>A Fifth Level Header</h5>
<h6>A Sixed Level Header</h6>
<p>Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.</p>
<p>The quick brown fox jumped over the lazy
dog's back.</p>
<hr />
<h3>Header 3</h3>
<blockquote>
<p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p>
<p>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.</p>
<h2>This is an H2 in a blockquote</h2>
<p>This is the first level of quoting.</p>
<blockquote>
<p>This is nested blockquote.</p>
</blockquote>
<p>Back to the first level.</p>
</blockquote>
<p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p>
<p>Use two asterisks for <strong>strong emphasis</strong>.
Or, if you prefer, <strong>use two underscores instead</strong>.</p>
<ul>
<li>Candy.</li>
<li>Gum.</li>
<li>Booze.</li>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
<ul>
<li><p>A list item.</p>
<p>With multiple paragraphs.</p></li>
<li><p>Another item in the list.</p></li>
<li><p>This is a list item with two paragraphs. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aliquam hendrerit
mi posuere lectus.</p>
<p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet
vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
sit amet velit.</p></li>
</ul>
<li><p>Suspendisse id sem consectetuer libero luctus adipiscing.</p></li>
<li><p>This is a list item with two paragraphs.</p>
<p>This is the second paragraph in the list item. You're
only required to indent the first line. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.</p></li>
<li><p>Another item in the same list.</p></li>
<li><p>A list item with a blockquote:</p>
<blockquote>
<p>This is a blockquote
inside a list item.</p>
</blockquote></li>
<li><p>A list item with a code block:</p>
<pre><code><code goes here>
</code></pre></li>
</ul>
<p>Here is an example of AppleScript:</p>
<pre><code>tell application "Foo"
beep
end tell
</code></pre>
<p>This is an <a href="//example.com/">example link</a>.</p>
<p>I get 10 times more traffic from <a href="//google.com/" title="Google">Google</a> than from
<a href="//search.yahoo.com/" title="Yahoo Search">Yahoo</a> or <a href="//search.msn.com/" title="MSN Search">MSN</a>.</p>
<p>I start my morning with a cup of coffee and
<a href="//www.nytimes.com/">The New York Times</a>.</p>
<p><img src="image.jpg" alt="alt text" title="Title" /></p>
<p><img src="image2.jpg" alt="alt text" title="Title" /></p>
<p>I strongly recommend against using any <code><blink></code> tags.</p>
<p>I wish SmartyPants used named entities like <code>&mdash;</code>
instead of decimal-encoded entites like <code>&#8212;</code>.</p>
<p>If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:</p>
<pre><code><blockquote>
<p>For example.</p>
</blockquote>
</code></pre>
<h1>August 31, 2011</h1>
<p>Homework: Problems 2.10-2.19; complete registration system</p>
<hr />
<h2>Chapter 2</h2>
<h3>Phases of Software Development</h3>
<ol>
<li>Analysis</li>
<li>Design</li>
<li>Implementation</li>
</ol>
<h4>Analysis phase</h4>
<p><em>Requirements</em> -- what the customer wants or needs. Understanding on needs expressed by:</p>
<ul>
<li>Use cases can (can use UML)</li>
<li>User manual style of analysis document</li>
</ul>
<h4>Design phase</h4>
<p>Goals of OO design:</p>
<ol>
<li>Identify classes -- things in the system</li>
<li>Identify responsibilities of the classes</li>
<li>Identify relationships between classes</li>
</ol>
<p>Classes consist of:</p>
<ol>
<li>Behavior: Methods represent the class behavior</li>
<li>State: Fields represent the state of the class instance (object)</li>
<li>Identity: each unique object should have its own address in memory
which contains its state</li>
</ol>
<p>Types of classes that are common:</p>
<ol>
<li>Tangible things</li>
<li>Agents</li>
<li>Events and transactions</li>
<li>Users and roles</li>
<li>Systems</li>
<li>System interfaces and devices</li>
<li>Foundational classes</li>
</ol>
<p>Types of class relationships:</p>
<ol>
<li>Dependency (<em>uses a</em>)</li>
<li>Aggregation (<em>has a</em>)
<ul><li>Aggregation -- 1:many</li>
<li>Association -- 1:1</li>
<li>Composition -- "<em>if I'm composed of other things, then I am considered
responsible for the lifetime for those things</em>"</li></ul></li>
<li>Inheritance (<em>is a</em>)</li>
</ol>
<p>Classes and relationships are the basis for a UML class diagram.</p>
markdown.css
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body{
color:#444;
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
font-size:12px;
line-height:1.5em;
padding:1em;
margin:auto;
max-width:42em;
background:#fefefe;
}
a{ color: #0645ad; text-decoration:none;}
a:visited{ color: #0b0080; }
a:hover{ color: #06e; }
a:active{ color:#faa700; }
a:focus{ outline: thin dotted; }
a:hover, a:active{ outline: 0; }
::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
::selection{background:rgba(255,255,0,0.3);color:#000}
a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
a::selection{background:rgba(255,255,0,0.3);color:#0645ad}
p{
margin:1em 0;
}
img{
max-width:100%;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
color:#111;
line-height:1em;
}
h4,h5,h6{ font-weight: bold; }
h1{ font-size:2.5em; }
h2{ font-size:2em; }
h3{ font-size:1.5em; }
h4{ font-size:1.2em; }
h5{ font-size:1em; }
h6{ font-size:0.9em; }
blockquote{
color:#666666;
margin:0;
padding-left: 3em;
border-left: 0.5em #EEE solid;
}
hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; background-color: #e8e8e8; border-radius: 0.4em; padding: 0.2em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
li p:last-child { margin:0 }
dd { margin: 0 0 0 2em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
dt { font-weight: bold; }
@media only screen and (min-width: 480px) {
body{font-size:14px;}
}
@media only screen and (min-width: 768px) {
body{font-size:16px;}
}
@media print {
* { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
body{font-size:12pt; max-width:100%;}
a, a:visited { text-decoration: underline; }
hr { height: 1px; border:0; border-bottom:1px solid black; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page :left { margin: 15mm 20mm 15mm 10mm; }
@page :right { margin: 15mm 10mm 15mm 20mm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}