|
| 1 | +<link href="swiss.css" rel="stylesheet"></link> |
| 2 | + |
| 3 | +<p><a href="index.html">lighter?</a> - <a href="alt.html">alt</a> - <a href="dark.html">dark</a> - <a href="foghorn.html">foghorn</a> - <a href="swiss.html">swiss</a></p> |
| 4 | + |
| 5 | +<h1>A First Level Header</h1> |
| 6 | + |
| 7 | +<h2>A Second Level Header</h2> |
| 8 | + |
| 9 | +<h3>A Third Level Header</h3> |
| 10 | + |
| 11 | +<h4>A Fourth Level Header</h4> |
| 12 | + |
| 13 | +<h5>A Fifth Level Header</h5> |
| 14 | + |
| 15 | +<h6>A Sixed Level Header</h6> |
| 16 | + |
| 17 | +<p>Now is the time for all good men to come to |
| 18 | +the aid of their country. This is just a |
| 19 | +regular paragraph.</p> |
| 20 | + |
| 21 | +<p>The quick brown fox jumped over the lazy |
| 22 | +dog's back.</p> |
| 23 | + |
| 24 | +<hr /> |
| 25 | + |
| 26 | +<h3>Header 3</h3> |
| 27 | + |
| 28 | +<blockquote> |
| 29 | + <p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, |
| 30 | +consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. |
| 31 | +Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p> |
| 32 | + |
| 33 | +<p>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse |
| 34 | +id sem consectetuer libero luctus adipiscing.</p> |
| 35 | + |
| 36 | +<h2>This is an H2 in a blockquote</h2> |
| 37 | + |
| 38 | +<p>This is the first level of quoting.</p> |
| 39 | + |
| 40 | +<blockquote> |
| 41 | + <p>This is nested blockquote.</p> |
| 42 | +</blockquote> |
| 43 | + |
| 44 | +<p>Back to the first level.</p> |
| 45 | +</blockquote> |
| 46 | + |
| 47 | +<p>Some of these words <em>are emphasized</em>. |
| 48 | +Some of these words <em>are emphasized also</em>.</p> |
| 49 | + |
| 50 | +<p>Use two asterisks for <strong>strong emphasis</strong>. |
| 51 | +Or, if you prefer, <strong>use two underscores instead</strong>.</p> |
| 52 | + |
| 53 | +<ul> |
| 54 | +<li>Candy.</li> |
| 55 | +<li>Gum.</li> |
| 56 | +<li>Booze.</li> |
| 57 | +<li>Red</li> |
| 58 | +<li>Green</li> |
| 59 | +<li>Blue</li> |
| 60 | +<ul> |
| 61 | +<li><p>A list item.</p> |
| 62 | + |
| 63 | +<p>With multiple paragraphs.</p></li> |
| 64 | +<li><p>Another item in the list.</p></li> |
| 65 | +<li><p>This is a list item with two paragraphs. Lorem ipsum dolor |
| 66 | +sit amet, consectetuer adipiscing elit. Aliquam hendrerit |
| 67 | +mi posuere lectus.</p> |
| 68 | + |
| 69 | +<p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet |
| 70 | +vitae, risus. Donec sit amet nisl. Aliquam semper ipsum |
| 71 | +sit amet velit.</p></li> |
| 72 | +</ul> |
| 73 | +<li><p>Suspendisse id sem consectetuer libero luctus adipiscing.</p></li> |
| 74 | +<li><p>This is a list item with two paragraphs.</p> |
| 75 | + |
| 76 | +<p>This is the second paragraph in the list item. You're |
| 77 | +only required to indent the first line. Lorem ipsum dolor |
| 78 | +sit amet, consectetuer adipiscing elit.</p></li> |
| 79 | +<li><p>Another item in the same list.</p></li> |
| 80 | +<li><p>A list item with a blockquote:</p> |
| 81 | + |
| 82 | +<blockquote> |
| 83 | + <p>This is a blockquote |
| 84 | +inside a list item.</p> |
| 85 | +</blockquote></li> |
| 86 | +<li><p>A list item with a code block:</p> |
| 87 | + |
| 88 | +<pre><code><code goes here> |
| 89 | +</code></pre></li> |
| 90 | +</ul> |
| 91 | + |
| 92 | +<p>Here is an example of AppleScript:</p> |
| 93 | + |
| 94 | +<pre><code>tell application "Foo" |
| 95 | + beep |
| 96 | +end tell |
| 97 | +</code></pre> |
| 98 | + |
| 99 | +<p>This is an <a href="http://example.com/">example link</a>.</p> |
| 100 | + |
| 101 | +<p>I get 10 times more traffic from <a href="http://google.com/" title="Google">Google</a> than from |
| 102 | +<a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p> |
| 103 | + |
| 104 | +<p>I start my morning with a cup of coffee and |
| 105 | +<a href="http://www.nytimes.com/">The New York Times</a>.</p> |
| 106 | + |
| 107 | +<p><img src="image.jpg" alt="alt text" title="Title" /></p> |
| 108 | + |
| 109 | +<p><img src="image2.jpg" alt="alt text" title="Title" /></p> |
| 110 | + |
| 111 | +<p>I strongly recommend against using any <code><blink></code> tags.</p> |
| 112 | + |
| 113 | +<p>I wish SmartyPants used named entities like <code>&mdash;</code> |
| 114 | +instead of decimal-encoded entites like <code>&#8212;</code>.</p> |
| 115 | + |
| 116 | +<p>If you want your page to validate under XHTML 1.0 Strict, |
| 117 | +you've got to put paragraph tags in your blockquotes:</p> |
| 118 | + |
| 119 | +<pre><code><blockquote> |
| 120 | + <p>For example.</p> |
| 121 | +</blockquote> |
| 122 | +</code></pre> |
| 123 | + |
| 124 | + |
| 125 | + |
| 126 | +<h1>August 31, 2011</h1> |
| 127 | + |
| 128 | +<p>Homework: Problems 2.10-2.19; complete registration system</p> |
| 129 | + |
| 130 | +<hr /> |
| 131 | + |
| 132 | +<h2>Chapter 2</h2> |
| 133 | + |
| 134 | +<h3>Phases of Software Development</h3> |
| 135 | + |
| 136 | +<ol> |
| 137 | +<li>Analysis</li> |
| 138 | +<li>Design</li> |
| 139 | +<li>Implementation</li> |
| 140 | +</ol> |
| 141 | + |
| 142 | +<h4>Analysis phase</h4> |
| 143 | + |
| 144 | +<p><em>Requirements</em> -- what the customer wants or needs. Understanding on needs expressed by:</p> |
| 145 | + |
| 146 | +<ul> |
| 147 | +<li>Use cases can (can use UML)</li> |
| 148 | +<li>User manual style of analysis document</li> |
| 149 | +</ul> |
| 150 | + |
| 151 | +<h4>Design phase</h4> |
| 152 | + |
| 153 | +<p>Goals of OO design:</p> |
| 154 | + |
| 155 | +<ol> |
| 156 | +<li>Identify classes -- things in the system</li> |
| 157 | +<li>Identify responsibilities of the classes</li> |
| 158 | +<li>Identify relationships between classes</li> |
| 159 | +</ol> |
| 160 | + |
| 161 | +<p>Classes consist of:</p> |
| 162 | + |
| 163 | +<ol> |
| 164 | +<li>Behavior: Methods represent the class behavior</li> |
| 165 | +<li>State: Fields represent the state of the class instance (object)</li> |
| 166 | +<li>Identity: each unique object should have its own address in memory |
| 167 | +which contains its state</li> |
| 168 | +</ol> |
| 169 | + |
| 170 | +<p>Types of classes that are common:</p> |
| 171 | + |
| 172 | +<ol> |
| 173 | +<li>Tangible things</li> |
| 174 | +<li>Agents</li> |
| 175 | +<li>Events and transactions</li> |
| 176 | +<li>Users and roles</li> |
| 177 | +<li>Systems</li> |
| 178 | +<li>System interfaces and devices</li> |
| 179 | +<li>Foundational classes</li> |
| 180 | +</ol> |
| 181 | + |
| 182 | +<p>Types of class relationships:</p> |
| 183 | + |
| 184 | +<ol> |
| 185 | +<li>Dependency (<em>uses a</em>)</li> |
| 186 | +<li>Aggregation (<em>has a</em>) |
| 187 | +<ul><li>Aggregation -- 1:many</li> |
| 188 | +<li>Association -- 1:1</li> |
| 189 | +<li>Composition -- "<em>if I'm composed of other things, then I am considered |
| 190 | +responsible for the lifetime for those things</em>"</li></ul></li> |
| 191 | +<li>Inheritance (<em>is a</em>)</li> |
| 192 | +</ol> |
| 193 | + |
| 194 | +<p>Classes and relationships are the basis for a UML class diagram.</p> |
| 195 | + |
0 commit comments