documentation/examples.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5 <title>Native Client: Examples and Tests</title>
   6 <link href="stylesheet.css" type="text/css" rel="stylesheet"></link>
   7 </head>
   8
   9 <body>
  10
  11 <div id="toplink">
  12 <a href="../README.html">Back to README</a>
  13 </div>
  14
  15 <h1>Examples and Tests</h1>
  16
  17 <p>
  18 This page describes the Native Client example and test programs.
  19 In general,
  20 directory paths in this document are relative to
  21 <code>nacl/googleclient/native_client</code>.
  22 For example, the source files for all the examples and tests are under the
  23 <code>tests</code> directory of
  24 <code>nacl/googleclient/native_client</code>.
  25 </p>
  26
  27 <p>
  28 If you haven't already run an example or test, go to
  29 <a href="getting_started.html">Getting Started</a>.
  30 That page leads you through setting up Native Client.
  31 It then shows you to run examples and tests in three modes:
  32 </p>
  33
  34 <ul>
  35 <li> as Native Client applications </li>
  36 <li> as standalone Linux and Mac applications </li>
  37 <li> in a browser (using the Native Client plug-in) </li>
  38 </ul>
  39
  40 <h3>Contents</h3>
  41
  42 <ul>
  43   <li> <a href="#eg-hello">Hello world examples</a></li>
  44   <li> <a href="#eg-multimedia">Multimedia examples</a></li>
  45   <li> <a href="#eg-browser">Browser plug-in examples and tests</a>
  46     <ul>
  47     <li> <a href="#eg-browser-egs">Examples</a></li>
  48     <li> <a href="#eg-browser-ftests">Functionality tests</a></li>
  49     <li> <a href="#eg-browser-ptests">Performance tests</a></li>
  50     <li> <a href="#eg-browser-regression">Regression tests</a></li>
  51     </ul> </li>
  52   <li> <a href="#eg-other">Other examples and tests</a>
  53     <ul>
  54     <li> <a href="#eg-smoke">Smoke test suite</a></li>
  55     <li> <a href="#eg-quake">Quake, XaoS, Lua, and AWK</a></li>
  56     <li> <a href="#eg-misc">Miscellaneous</a></li>
  57     </ul></li>
  58 <li><a href="#build-run">How to build and run tests</a>
  59   <ul>
  60   <li> <a href="#run-py">Running with run.py</a> </li>
  61   <li> <a href="#run-make">Building and running with GNU make</a> </li>
  62   <li> <a href="#run-scons">Building and running with SCons</a>
  63     <ul>
  64     <li> <a href="#run-smoke">Running the smoke test suite</a> </li>
  65     </ul></li>
  66   </ul></li>
  67 </ul>
  68
  69 <h2> <a name="list"> </a> List of examples and tests </h2>
  70
  71 <p>
  72 The Native Client examples and tests fall into the following rough categories:
  73
  74 <ul>
  75 <li> <a href="#eg-hello">Hello world examples</a></li>
  76 <li> <a href="#eg-multimedia">Multimedia examples</a></li>
  77 <li> <a href="#eg-browser">Browser plug-in examples and tests</a></li>
  78 <li> <a href="#eg-other">Other examples and tests</a></li>
  79 </ul>
  80
  81 <h2> <a name="eg-hello"> </a> Hello world examples </h2>
  82
  83 <p>
  84 Two hello world examples show how to create a simple Native Client module
  85 that runs in the browser.
  86 A third is an app that's part of the smoke test suite.
  87 </p>
  88
  89 <table summary="hello world examples">
  90 <tr>
  91 <th>Example</th> <th>Description</th> <th>How to run</th> <th>Source code</th>
  92 </tr>
  93
  94 <tr>
  95 <td> NPAPI hello world </td>
  96 <td> Shows how to pass an integer and a string
  97      between a Native Client module and the browser,
  98      using NPAPI.
  99      </td>
 100 <td> See <a href="#eg-browser">Browser plug-in examples and tests</a> </td>
 101 <td>
 102      <a href="../tests/npapi_hw/">tests/npapi_hw/</a>
 103 </td>
 104 </tr>
 105
 106 <tr>
 107 <td> SRPC hello world </td>
 108 <td> Shows how to pass an integer and a string
 109      between a Native Client module and the browser,
 110      using the Native Client Simple RPC API.
 111      </td>
 112 <td> See <a href="#eg-browser">Browser plug-in examples and tests</a> </td>
 113 <td> <a href="../tests/srpc_hw/">tests/srpc_hw/</a> </td>
 114 </tr>
 115
 116 <tr>
 117 <td> Command-line hello world </td>
 118 <td> A C program that works equally well as a standalone app or
 119      a Native Client app.
 120      Does <em>not</em> execute in the browser.
 121      </td>
 122 <td> See <a href="#run-smoke">Running the smoke test suite</a> </td>
 123 <td> <a href="../tests/hello_world/">tests/hello_world/</a> </td>
 124 </tr>
 125 </table>
 126
 127
 128 <h2> <a name="eg-multimedia"> </a> Multimedia examples</h2>
 129
 130 <p>
 131 The following four demos
 132 can run either as Native Client applications
 133 or (on Linux and Mac) as standalone applications.
 134 The Earth, Life, and Voronoi examples
 135 can also run in the browser.
 136 For directions on building and running these examples,
 137 see <a href="getting_started.html">Getting Started</a>,
 138 <a href="#eg-browser-egs">Examples</a> (in this page),
 139 <a href="#run-py">Running with run.py</a> (in this page), and
 140 <a href="#run-make">Building and running with GNU make</a> (also in this page).
 141 </p>
 142
 143 <p>
 144 These examples share an architecture defined in
 145 <code>nacl/googleclient/native_client/common</code>.
 146 </p>
 147
 148 <table summary="multimedia examples">
 149 <tr>
 150 <th>Example</th> <th>Description</th> <th>Source code</th>
 151 </tr>
 152
 153 <tr>
 154 <td> Earth </td>
 155 <td> Rotating, ray-traced globe </td>
 156 <td> <a href="../tests/earth/">tests/earth/</a> </td>
 157 </tr>
 158
 159 <tr>
 160 <td> Life </td>
 161 <td> Cellular automaton; accepts mouse input </td>
 162 <td> <a href="../tests/life/">tests/life/</a> </td>
 163 </tr>
 164
 165 <tr>
 166 <td> Tone </td>
 167 <td> No visible UI; creates and plays a sound </td>
 168 <td> <a href="../tests/tone/">tests/tone/</a> </td>
 169 </tr>
 170
 171 <tr>
 172 <td> Voronoi </td>
 173 <td> Animated Voronoi diagram </td>
 174 <td> <a href="../tests/voronoi/">tests/voronoi/</a> </td>
 175 </tr>
 176 </table>
 177
 178 <p>
 179 Also see
 180 the browser plug-in examples and tests
 181 listed in the following section, as well as
 182 <a href="#eg-quake">Quake, XaoS, Lua, and AWK</a>.
 183 </p>
 184
 185
 186 <h2> <a name="eg-browser"> </a> Browser plug-in examples and tests </h2>
 187
 188 <p>
 189 These examples and tests require the Native Client plug-in.
 190 You can find instructions for installing the plug-in,
 191 starting a local HTTP server,
 192 and finding the browser test page
 193 in <a href="getting_started.html">Getting Started</a>.
 194 Once you're at the browser test page,
 195 click the Go button
 196 for the example or test you want to run.
 197 </p>
 198
 199 <p>
 200 <b>Note:</b>
 201 The URL for the browser test page recently changed from
 202 <code>index.html</code> to
 203 <code><a href="http://localhost:5103/scons-out/nacl/staging/examples.html">examples.html</a></code>.
 204 For that link to work,
 205 you must be running a
 206 <a href="getting_started.html#httpd">local HTTP server</a>.
 207 </p>
 208
 209 <p>
 210 The browser test page has links to HTML pages
 211 that let you run four kinds of tests:
 212 </p>
 213
 214 <ul>
 215   <li> <a href="#eg-browser-egs">Examples</a></li>
 216   <li> <a href="#eg-browser-ftests">Functionality tests</a></li>
 217   <li> <a href="#eg-browser-ptests">Performance tests</a></li>
 218   <li> <a href="#eg-browser-regression">Regression tests</a></li>
 219 </ul>
 220
 221 <p>
 222 For more examples to run in the browser,
 223 also see
 224 <a href="#eg-quake">Quake, XaoS, Lua, and AWK</a>.
 225 </p>
 226
 227 <a name="eg-browser-egs"> </a> <h3>Examples</h3>
 228
 229 <table summary="examples that run in the browser">
 230 <tr>
 231 <th>Example</th> <th>Description</th> <th>Source code</th>
 232 </tr>
 233
 234 <tr>
 235 <td> NPAPI hello world example </td>
 236 <td> See <a href="#eg-hello">Hello world examples</a> </td>
 237 <td> <a href="../tests/npapi_hw/">tests/npapi_hw/</a> </td>
 238 </tr>
 239
 240 <tr>
 241 <td> SRPC hello world example </td>
 242 <td> See <a href="#eg-hello">Hello world examples</a> </td>
 243 <td> <a href="../tests/srpc_hw/">tests/srpc_hw/</a> </td>
 244 </tr>
 245
 246 <tr>
 247 <td> CloudFS - URLs via file descriptors </td>
 248 <td> A simple demo of how to fetch URLs using NPAPI
 249      and then manipulate them like files.
 250      Uses <code>NaClNPN_OpenURL()</code>. </td>
 251 <td> <a href="../tests/cloudfs/">tests/cloudfs/</a> </td>
 252 </tr>
 253
 254 <tr>
 255 <td> NPAPI Monte Carlo estimate for pi </td>
 256 <td> Demonstrates using NPAPI for simple graphics and DOM updates.</td>
 257 <td> <a href="../tests/npapi_pi/">tests/npapi_pi/</a> </td>
 258 </tr>
 259
 260 <tr>
 261 <td> Spinning earth </td>
 262 <td> See <a href="#eg-multimedia">Multimedia examples</a> </td>
 263 <td> <a href="../tests/earth/">tests/earth/</a> </td>
 264 </tr>
 265
 266 <tr>
 267 <td> Interactive Life simulation </td>
 268 <td> See <a href="#eg-multimedia">Multimedia examples</a> </td>
 269 <td> <a href="../tests/life/">tests/life/</a> </td>
 270 </tr>
 271
 272 <tr>
 273 <td> Animated Voronoi diagram </td>
 274 <td> See <a href="#eg-multimedia">Multimedia examples</a> </td>
 275 <td> <a href="../tests/voronoi/">tests/voronoi/</a> </td>
 276 </tr>
 277
 278 <tr>
 279 <td> Three demos on one page </td>
 280 <td> Life, Voronoi, and Earth execute simultaneously within a single HTML page</td>
 281 <td> <a href="../tests/many/">tests/many/</a> </td>
 282 </tr>
 283
 284 <tr>
 285 <td> Nine demos on one page </td>
 286 <td> Three instances each of Life, Voronoi, and Earth execute simultaneously within a single HTML page</td>
 287 <td> <a href="../tests/many/">tests/many/</a> </td>
 288 </tr>
 289
 290 <tr>
 291 <td id="eg-mandelbrot-viewer"> Mandelbrot viewer </td>
 292 <td> Home-grown Mandelbrot viewer,
 293      demonstrating SRPC and simple user-interface integration.
 294      See also
 295      <a href="#eg-quake">XaoS</a> and the
 296      <a href="#eg-mandelbrot-perf">Mandelbrot performance test</a>.</td>
 297 <td> <a href="../tests/mandel_nav/">tests/mandel_nav/</a> </td>
 298 </tr>
 299
 300 </table>
 301
 302 <h3> <a name="eg-browser-ftests"> </a> Functionality tests </h3>
 303
 304 <table summary="functionality tests that run in the browser">
 305 <tr>
 306 <th>Example</th> <th>Description</th> <th>Source code</th>
 307 </tr>
 308
 309 <tr>
 310 <td> NPAPI bridge test </td>
 311 <td> Manual smoke tests for a variety of NPAPI interfaces.</td>
 312 <td> <a href="../tests/npapi_bridge/">tests/npapi_bridge/</a> </td>
 313 </tr>
 314
 315 <tr>
 316 <td> NPAPI bridge drawing test </td>
 317 <td> Simple graphics interface test.</td>
 318 <td> <a href="../tests/npapi_bridge/">tests/npapi_bridge/</a> </td>
 319 </tr>
 320
 321 <tr>
 322 <td> SRPC plugin properties test </td>
 323 <td> Test the properties of a plugin instance.</td>
 324 <td> <a href="../tests/srpc/">tests/srpc/</a> </td>
 325 </tr>
 326
 327 <tr>
 328 <td> SRPC shared memory API test </td>
 329 <td> Test the creation and use of shared memory objects. </td>
 330 <td> <a href="../tests/srpc/">tests/srpc/</a> </td>
 331 </tr>
 332
 333 <tr>
 334 <td> Simple RPC resource descriptor transfer test </td>
 335 <td> Unit tests for transferring Native Client resource descriptors
 336      between the browser and a Native Client module.</td>
 337 <td> <a href="../tests/srpc/">tests/srpc/</a> </td>
 338 </tr>
 339
 340 <tr>
 341 <td> URL content as NaCl resource descriptor test </td>
 342 <td> Tests the Native Client implementation of its
 343      <a href="http://wikipedia.org/wiki/Same_origin_policy">same-origin policy</a>
 344      for URL references from Native Client modules.</td>
 345 <td> <a href="../tests/srpc/">tests/srpc/</a> </td>
 346 </tr>
 347 </table>
 348
 349
 350 <h3> <a name="eg-browser-ptests"> </a> Performance tests </h3>
 351
 352 <table summary="performance tests that run in the browser">
 353 <tr>
 354 <th>Example</th> <th>Description</th> <th>Source code</th>
 355 </tr>
 356
 357 <tr>
 358 <td id="eg-mandelbrot-perf"> Mandelbrot performance (tiled Native Client) </td>
 359 <td> Compares the performance of JavaScript and C++
 360      Mandelbrot implementations.
 361      See also
 362      <a href="#eg-quake">XaoS</a> and the
 363      <a href="#eg-mandelbrot-viewer">Mandelbrot viewer example</a>.
 364      <br />
 365      <b>Warning:</b> The JavaScript implementation is very slow!
 366      </td>
 367 <td> <a href="../tests/mandel/">tests/mandel/</a> </td>
 368 </tr>
 369
 370 <tr>
 371 <td> Simple RPC performance </td>
 372 <td> Performance test for our IMC-based simple RPC implementation.</td>
 373 <td> <a href="../tests/srpc/">tests/srpc/</a> </td>
 374 </tr>
 375
 376 <tr>
 377 <td> NPAPI bridge RPC performance </td>
 378 <td> Performance test for our IMC-based NPAPI implementation.</td>
 379 <td> <a href="../tests/npapi_bridge/">tests/npapi_bridge/</a> </td>
 380 </tr>
 381
 382 <tr>
 383 <td> Automatic page reloading </td>
 384 <td> Tests the performance of repeatedly loading a specified page.</td>
 385 <td> <a href="../tests/autoloader/">tests/autoloader/</a> </td>
 386 </tr>
 387
 388 </table>
 389
 390 <h3> <a name="eg-browser-regression"> </a> Regression tests </h3>
 391
 392 <p>
 393 This column points to regression tests
 394 for issues that we've fixed.
 395 Currently it points to a page with tests
 396 for security contest issues.
 397 The source code for these tests is in
 398 <a href="../tests/contest_issues/">tests/contest_issues/</a>.
 399 </p>
 400
 401
 402 <h2> <a name="eg-other"> </a> Other examples and tests </h2>
 403
 404
 405 <h3> <a name="eg-smoke"> </a> Smoke test suite </h3>
 406
 407 <p>
 408 The smoke test suite contains a variety of tests
 409 that you can run as group with a single command,
 410 as described in
 411 <a href="#run-smoke">Running the smoke test suite</a>.
 412 </p>
 413
 414 <ul>
 415 <li> app_lib </li>
 416 <li> fib/fib_array </li>
 417 <li> fib/fib_scalar </li>
 418 <li> hello_world </li>
 419 <li> mandel </li>
 420 <li> mmap </li>
 421 <li> noop </li>
 422 <li> syscalls </li>
 423 <li> threads </li>
 424 <li> voronoi </li>
 425 </ul>
 426
 427 <h3> <a name="eg-quake"> </a> Quake, XaoS, Lua, and AWK </h3>
 428
 429 <p>
 430 The
 431 <a href="../tests/quake/"><code>tests/quake/</code></a>,
 432 <a href="../tests/xaos/"><code>tests/xaos/</code></a>,
 433 <a href="../tests/lua/"><code>tests/lua/</code></a>, and
 434 <a href="../tests/awk/"><code>tests/awk/</code></a>
 435 directories have files you can use
 436 to build Quake, XaoS, Lua, and AWK for Native Client.
 437 With the exception of AWK,
 438 you can run the resulting modules in the browser.
 439 </p>
 440
 441 <p>
 442 <b>Note:</b>
 443 These examples are not prebuilt.
 444 </p>
 445
 446 <p>
 447 Quake is a classic, popular 3D game developed
 448 and generously open sourced by id Software.
 449 The open-source version of Quake is no longer
 450 officially supported by id Software.
 451 For more information about Quake, see
 452 <a href="http://en.wikipedia.org/wiki/Quake">http:/en.wikipedia.org/wiki/Quake</a>.
 453 For information on building Quake for Native Client, see the
 454 <code>README.nacl</code> file in the
 455 <code>tests/quake</code> directory.
 456 </p>
 457
 458 <p>
 459 XaoS is an interactive fractal viewer
 460 that lets you continuously zoom in or out of a
 461 Mandelbrot pattern or other fractal image.
 462 For information about XaoS, see
 463 <a href="http://en.wikipedia.org/wiki/XaoS">http:/en.wikipedia.org/wiki/XaoS</a>.
 464 For information on building XaoS for Native Client, see the
 465 <code>README.nacl</code> file in the
 466 <code>tests/xaos</code> directory.
 467 </p>
 468
 469 <p>
 470 Lua is a scripting language
 471 designed to be powerful, fast, lightweight, embeddable, and extensible.
 472 For information about Lua, see
 473 <a href="http://www.lua.org/">http://www.lua.org</a>.
 474 For information on building Lua for Native Client, see the
 475 <code>README.nacl</code> file in the
 476 <code>tests/lua</code> directory.
 477 </p>
 478
 479 <p>
 480 AWK is a programming language
 481 designed for processing text-based data.
 482 For information about AWK, see
 483 <a href="http://en.wikipedia.org/wiki/AWK">http:/en.wikipedia.org/wiki/AWK</a>.
 484 For information on building AWK for Native Client, see the
 485 <code>README.nacl</code> file in the
 486 <code>tests/awk</code> directory.
 487 </p>
 488
 489 <h3> <a name="eg-misc"> </a> Miscellaneous </h3>
 490
 491 <ul>
 492 <li> createthreads
 493      - Test in development </li>
 494 <li> file
 495      - Runs in the same way as the
 496        <a href="#eg-multimedia">multimedia examples</a> </li>
 497 <li> imc_shm_mmap
 498      - Test in development</li>
 499 <li> nrd_xfer
 500      - Test in development </li>
 501 <li> null
 502      - Test in development </li>
 503 <li> eviltests
 504      - Would-be malicious code that should be rejected by
 505        the Native Client validator. Not a part of the standard build. </li>
 506 </ul>
 507
 508 <h2> <a name="build-run"> </a> How to build and run tests </h2>
 509
 510 <p>
 511 The examples and tests in the Native Client distribution are,
 512 with the exception of
 513 <a href="#eg-quake">Quake, XaoS, Lua, and AWK</a>,
 514 already built,
 515 so you can easily run them.
 516 You can also build them, if you like.
 517 The following tools let you build and run examples:
 518 </p>
 519
 520 <ul>
 521 <li> <a href="#run-py">Python files such as run.py</a>
 522 - Provided by some examples as an easy way to
 523   run the example.</li>
 524 <li> <a href="#run-make">GNU make</a>
 525 - Supported by some examples,
 526   giving you an easy way to
 527   rebuild and run the example.</li>
 528 <li> <a href="#run-scons">SCons</a>
 529 - The main build tool.
 530   You can build all of the examples and tests at once, as described in
 531   <a href="building.html">Building Native Client</a>.</li>
 532 </ul>
 533
 534 <h3> <a name="run-py"> </a> Running with run.py </h3>
 535
 536 <p>
 537 If an example has a <code>run.py</code> file,
 538 you can run the already built example like this:
 539 </p>
 540
 541 <pre class="platform-all">
 542 <kbd>python run.py</kbd>
 543 </pre>
 544
 545 <p>
 546 The Python script <code>run.py</code>
 547 executes binaries that are in the
 548 <code>scons-out/nacl/staging</code> directory.
 549 The binaries under <code>scons-out</code> are prebuilt for you,
 550 but you can always rebuild using SCons,
 551 as described in <a href="building.html">Building Native Client</a>.
 552 </p>
 553
 554 <h3> <a name="run-make"> </a> Building and running with GNU make </h3>
 555
 556 <p>
 557 When building with <code>make</code>,
 558 the executable is placed directly in the same folder
 559 as the source for the example.
 560 Examples that have makefiles can be built either
 561 as standalone traditional executables
 562 or as portable Native Client <code>.nexe</code> files
 563 that execute as applications.
 564 The standalone versions are normal executables
 565 that can be debugged with GDB or a visual front end to GDB such as KDbg.
 566 Currently, using <code>make</code> is supported only on Linux and Mac;
 567 in some cases it may work under Cygwin on Windows.
 568 </p>
 569
 570 <p>
 571 You can use the following <code>make</code> commands in
 572 any of the following directories:
 573 </p>
 574
 575 <pre>
 576 earth   file   life   mmap   syscalls   tone   voronoi
 577 </pre>
 578
 579 <p>
 580 First, start by going to the directory of the example. Example:
 581
 582 <pre class="platform-linux-mac">
 583 <kbd>cd <em>install_dir</em>/nacl/googleclient/native_client/tests/earth</kbd>
 584 </pre>
 585
 586 <p>
 587 To build a <b>standalone application</b>, suitable for debugging with GDB:
 588 </p>
 589
 590 <pre class="platform-linux-mac">
 591 <kbd>make debug run</kbd>
 592 </pre>
 593
 594 <p>
 595 To build and run as a <b>Native Client application</b>:<br />
 596 </p>
 597
 598 <pre class="platform-linux-mac">
 599 <kbd>make release nacl run</kbd>
 600 </pre>
 601
 602 <p>
 603 To <b>clean</b>:
 604 </p>
 605
 606 <pre class="platform-linux-mac">
 607 <kbd>make clean</kbd>
 608 </pre>
 609
 610 <p>
 611 For more options, see <code>common/Makefile.mk</code>.
 612 </p>
 613
 614 <h3> <a name="run-scons"> </a> Building and running with SCons </h3>
 615
 616 <p>
 617 <a href="building.html">Building Native Client</a>
 618 shows how to build everything with SCons,
 619 including the examples and tests.
 620 You can also run the smoke test suite using SCons.
 621 </p>
 622
 623
 624 <h4> <a name="run-smoke"> </a> Running the smoke test suite </h4>
 625
 626 <p>
 627 For information about this test suite, see the
 628 <a href="#eg-smoke">smoke test suite</a> section.
 629 Here's how you run it.
 630 </p>
 631
 632 <p>
 633 Linux or Mac:
 634 </p>
 635
 636 <pre class="platform-linux-mac">
 637 <kbd>cd <em>install_dir</em>/nacl/googleclient/native_client</kbd>
 638 <kbd>./scons --mode=nacl smoke_test</kbd>
 639 </pre>
 640
 641 <p>
 642 Windows:
 643 </p>
 644
 645 <pre class="platform-windows">
 646 <kbd>cd <em>install_dir</em>\nacl\googleclient\native_client</kbd>
 647 <kbd>scons.bat --mode=nacl smoke_test</kbd>
 648 </pre>
 649
 650 <p>
 651 The output of the smoke test suite
 652 appears in the
 653 <code>scons-out/nacl/obj/tests/results</code>
 654 directory.
 655 </p>
 656
 657 <p id="license">
 658 Except as otherwise
 659 <a href="http://code.google.com/policies.html#restrictions">noted</a>,
 660 the content of this page is licensed under a
 661 <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons
 662 Attribution 2.5 license</a>.
 663 </p>
 664
 665 </body>
 666 </html>