Untitled

<!DOCTYPE html>

<html lang="pl">

<head>

<title> Zadanko-1-przerobka </title>

<meta charset="utf-8"/>
<meta name="Takietamitakietam"/>
<meta name="keywords" content ="nuda,nuda,nuda" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<link rel="stylesheet" type="text/css" href="css/Classes.css">
<link rel="stylesheet" type="text/css" href="css/Id.css">
<link rel="stylesheet" type="text/css" href="css/Markups.css">
<link href="https://fonts.googleapis.com/css?family=Boogaloo|Nosifer|Permanent+Marker&amp;subset=latin-ext" rel="stylesheet">


</head>


<body>

  <div class="container">

    <div id="logo">

      <div id="picrelL">
        <img src="png/Logo_PG.jpg" alt="Logo_PG" width="100%" height="100%" />
      </div>

      <div id="name">
        <h6 class="big"> Hypertext and Hypermedia </h6>
        <h6 class="aqua"> Class no. 1 – HTML and CSS </h6>
        <h6 class="small"> Gdańsk University of Technology </h6>
        <h6 class="small"> Faculty of Electronics, Telecommunications and Informatics </h6>
      </div>

      <div id="picrelR">
        <img src="png/Logo_WETI.jpg" alt="Logo_WETI" width="100%" height="100%" />
      </div>

      <div style="clear:both;"></div>


    </div>

    <div class="nav">
      <a href="#s1">
        <div class="tile" style="margin-top: 50%;">  <h4 id="first">Introduction</h4> </div>
      </a>
      <a href="#s2">
        <div class="tile"> <h4>The OCT principles of operations</h4> </div>
      </a>
      <a href="#s3">
        <div class="tile"> <h4>The examples of OCT measurements</h4> </div>
      </a>
      <a href="#s4">
        <div class="tile"> <h4>Specification of laboratory OCT systems </h4> </div>
      </a>
      <a href="#s5">
        <div class="tile" style="margin-bottom: 100%;"> <h4>Contact</h4> </div>
      </a>
      </div>

    <div class="content">

      <div class="paragraph">

        <h1> OPTICAL COHERENCE TOMOGRAPHY </h1>
        <h2 id="s1"> Introduction </h2>

        <p>
          The Optical Coherence Tomography (OCT) is an optical measurement technique used for investigation of wide range of scattering or semitransparent materials. The OCT enables surface and subsurface examination of different types of materials to be performed in
          non-contact and non-destructive way. With the aid of OCT one can visualize the depth structure of investigated materials, measure its thickness and also detect some defects and inhomogeneities with measurement resolution of few µm, high sensitivity and dynamic range. Nowadays, the advantages of OCT make it applied in medical diagnosis especially in ophthalmology, dermatology, stomatology and endoscopy as well, as in industry and science. Beyond medical applications the OCT is used for material characterization, surface and subsurface defect localization, strain fields mapping in polymers, ceramic materials examination, as well as art conservation. The high application potential makes the OCT an interesting tool for scientists and researches from many fields of interests.

        </p>

        <h2 id="s2"> The OCT principles of operations </h2>

        <p>
          The OCT measurements are based on a selective detection of the light backscattered from the particular scattering points located the investigated object, which is needed for 2D and 3D tomography imaging. To perform such measurements, low-coherence interferometry (LCI) is applied. The LCI, also known as white-light interferometry (WLI), is an attractive measurement method offering high measurement resolution, high sensitivity and measurement speed. Unlike classic interferometry, where ambiguity of measurement result often exists, LCI can provide unambiguous (i.e. absolute) measurement result relatively easily. An example of OCT setup has been shown in Fig. 1.
        </p>

        <div class="pic1">
          <img src="gif/OCT.gif" alt="OCT" width="100%" height="100%" />
        </div>

        <h6 class="section"> Fig. 1. The LCI/WLI Michelson’s interferometer. </h6>

      </div>

    </div>

    <div class="add"></div>

    <div style="clear:both;"></div>

  </div>

  <div class="container">

    <div class="nav" style="height: 100%;"></div>

    <div class="content">

      <div class="paragraph">

        <p>
          Low-coherence light emitted by the broadband source is divided into two beams by a beam splitter and guided into two interferometer arms. One of the beams is focused on the investigated sample and the other one is guided into a moving reference mirror. The light reflected back from the sample interferes with the beam reflected by the mirror. The interference fringes can be detected only if the optical path lengths difference in the interferometer arms is not bigger than the coherence length of the source. The interference signal can be seen in the Fig. 1.
        </p>

      <h3 class="section" style="color: #b4f69f; text-align: center; margin-top: 20px;" id="s3">The examples of OCT measurements</h3>

      <div class="full">

        <h5 class="section" style="margin-top: 90px;"> Fig. 2.The cornea and the anterior chamber </h5>

      </div>

      <div class="jpg2" style="margin-right: 10px;">
        <img src="jpg/Fig_2.jpg" alt="Fig_2" width="100%" height="100%" />
      </div>

      <div style="clear: both;"></div>

      <div class="jpg2" style="margin-left: 10px;">
        <img src="jpg/Fig_3.jpg" alt="Fig_3" width="100%" height="100%" />
      </div>


      <div class="full">
        <h5 class="section" style="margin-top: 90px;"> Fig. 3. Full-range complex ambiguity free image of the whole anterior segment of eye </h5>
      </div>

      <div style="clear: both;"></div>

      <h3 class="section" style="color: #b4f69f; text-align: center; margin-top: 20px;">Beyond medical applications of OCT</h3>

      </div>

      <div class="jpg3">
        <img src="jpg/Fig_4.jpg" alt="Fig_4" width="100%" height="100%" />
      </div>
      <div class="jpg3">
        <img src="jpg/Fig_5.jpg" alt="Fig_5" width="100%" height="100%" />
      </div>

      <div class="endind">
        <h6 class="section"> Fig. 4. SMD microchip </h6>
      </div>

      <div class="endind">
        <h6 class="section"> Fig. 5. High bright LED diode </h6>
      </div>

      <div style="clear: both;"></div>

    </div>

    <div class="add" style="height: 100%;"></div>

  </div>


  <div class="container">

    <div class="nav" style="height: 850px;"></div>

    <div class="content">

      <div class="paragraph">
        <p>
          <h2 id="s4"> Specification of laboratory OCT systems  </h2>

      <div id="table1">
          <table width="600px" align="center">
            <tr>
              <th class="row">System</th>
              <th class="row">IVS-2000-PS</th>
              <th class="row">HR-PS-OCT</th>
              <th class="row">PS-ScOCT</th>
            </tr>
            <tr>
              <th class="col">Wavelength range</th>
              <td>
                Center: 1320 nm <br/>
                Range: 120 nm
              </td>
              <td>
                Center: 1410 nm <br/>
                Range: 450 nm
              </td>
              <td>
                Center: 1320 nm <br/>
                Range: 150 nm
              </td>
            </tr>
            <tr>
              <th class="col">Axial resolution</th>
              <td>12 μm</td>
              <td>4 μm</td>
              <td>9 μm</td>
            </tr>
            <tr>
              <th class="col">Lateral resolution</th>
              <td>15 μm</td>
              <td>5 μm</td>
              <td>12 μm</td>
            </tr>
            <tr>
              <th class="col">Frame rate</th>
              <td>> 4 fps</td>
              <td>--</td>
              <td>> 4 fps</td>
            </tr>
            <tr>
              <th class="col">Max. displayed imaging range</th>
              <td>3 mm</td>
              <td>1 mm</td>
              <td>1 mm</td>
            </tr>
            <tr>
              <th class="col">Transverse imaging range</th>
              <td>10 mm</td>
              <td>2 mm</td>
              <td>5 mm</td>
            </tr>
            <tr>
              <th class="col">PS measurements</th>
              <td>Retardation</td>
              <td>
                Retardation <br/>
                Opt. axis orientation <br/>
              </td>
              <td>
                Retardation <br/>
                Opt. axis orientation <br/>
                Diattenuation <br/>
                Spectroscopic meas. <br/>
              </td>
            </tr>
          </table>
        </div>

        <h2 id="s5"> Contact </h2>

        <p>
        If you have any questions, please, fulfil the contact form below.
        </p>

      <div id="form">
      <form>

        First name: <input type="text" name="firstname">
        Last name <input type="text" name="lastname">
        <br/><br/>
        Issue: <br/>
        <input type="radio" name="idk" value="OCT features" checked> OCT features<br>
        <input type="radio" name="idk" value="OCT applications"> OCT applications<br>
        <input type="radio" name="idk" value="Laboratory of OCT"> Laboratory of OCT<br>
        <input type="radio" name="idk" value="Others"> Others <br/><br/>
        <textarea rows="8" cols="50">Insert your inquiry here
        </textarea> <br/><br/>
        <div style="text-align:center">
          <input type="submit" value="Submit">
        </div>
      </form>
    </div>
        </p>
      </div>

    </div>

    <div class="add" style="height: 850px;"></div>

    <div style="clear: both;"></div>

    <div class="footer">
      2017 &copy; blablablablablablablablabla
    </div>

  </div>


</body>


</html>