ENGS102P-23/face.html at master · zipy124/ENGS102P-23 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Vision and Imaging science research">
    <meta name="author" content="Team-23">

    <title>Facial Recognition</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- Custom CSS -->
    <link href="css/stylish-portfolio.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body data-spy="scroll" data-target="#nav-scroll" >
    <!-- Navigation -->
    <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark" id="nav-scroll">
      <a class="navbar-brand js-scroll-trigger" href="/">Home</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Areas
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item js-scroll-trigger" href="/#overview">Overview</a>
              <a class="dropdown-item js-scroll-trigger" href="/#face">Facial Recognition</a>
              <a class="dropdown-item js-scroll-trigger" href="/#3d">3D object Recognition</a>
              <a class="dropdown-item js-scroll-trigger" href="/#malaria">Malarial parasite</a>
              <a class="dropdown-item js-scroll-trigger" href="/#disease">Disease Progression Modelling</a>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#overview">Overview</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#app">Applications</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#adv">Advantages</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#dis">Disadvantages</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#ref">References</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="/#about">About Us</a>
          </li>
        </ul>
      </div>
    </nav>

    <!-- Header -->
    <header class="header" id="top">
      <div class="text-vertical-center">
        <h1>Facial Recognition</h1>
        <br>
        <a href="#overview" class="btn btn-dark btn-lg js-scroll-trigger " style="-webkit-text-stroke: 0px #000;">Find Out More</a>
      </div>
    </header>

    <!-- Services -->
    <section id="overview" class="services bg-primary text-white">
      <div class="container">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1>How does facial recognition work?</h1>
            <hr>
            <p class="text-white">Facial recognition analyses the characteristics of a person's face images input through a digital video camera. It measures the overall facial structure, including distances between eyes, nose, mouth, and jaw edges. These measurements are recorded in a database and used as a comparison when a user stands before the camera.</p>
            <img class="img-fluid" src="/img/overview.png">
            <hr class="small">
            <!-- /.row (nested) -->
          </div>
          <!-- /.col-lg-10 -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container -->
    </section>

    <section id="app" class="services bg-white text-primary">
      <div class="container">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1>The applications of facial recognition</h1>
            <hr>
            <p class="text-black">Facial recognition systems are commonly used for security purposes, but are increasingly being used in a variety of other applications. Some mobile payment systems use facial recognition to securely authenticate users. Also, facial recognition systems are currently being studied or deployed for airport security.<br><br>
            Especially nowadays, a lot of facial recognition development is focused on smartphone applications, for example:<br>
            <b>- Image tagging<br>
            - Iris scanning technology for security<br>
            - Other social networking integration purposes<br>
            - Personalised marketing<br></b><br>
            Furthermore, a social media like Facebook uses facial recognition software to help automate user tagging in photographs. Each time an individual is tagged in a photograph, the software application stores information about that person’s facial characteristics. When enough data has been collected about a person to identify them, the system uses that information to identify the same face in different photographs, and will subsequently suggest tagging those pictures with that person’s name.
            </p>
            <img class="img-fluid" src="/img/Smartphone.jpg">
            <hr class="small">
            <!-- /.row (nested) -->
          </div>
          <!-- /.col-lg-10 -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container -->
    </section>
    <!-- Services -->
    <section id="adv" class="services bg-primary text-white">
      <div class="container">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1>Advantages over other biometric identification systems</h1>
            <hr>
            <p class="text-white">There are many advantages associated with facial recognition compared to other biometric techniques. Face recognition has these advantages:<br>
            <b>-	Face images can be captured from a distance and can be analyzed without ever requiring any interaction with the user/person.<br>
            -	As a result, no user can successfully imitate another person.<br>
            -	Facial recognition is also cheap technology as there is less processing involved, like in other biometric techniques.<br></b><br>
            The prospect of face recognition is promising and can be widely used for security purposes. Using computers to recognize people’s faces and validate their identities can facilitate access control for secure corporate and government buildings or devices. Some systems can identify known or suspected criminals.<br><br>
            Another use is by businesses by analyzing their customers’ faces to help tailor marketing strategies to people of different genders, ages and ethnic backgrounds. There are even consumer services that take advantage of facial recognition, like virtual eyeglass fitting and virtual makeovers.
            </p>
            <img class="img-fluid" src="/img/bis.jpg">
            <hr class="small">
            <!-- /.row (nested) -->
          </div>
          <!-- /.col-lg-10 -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container -->
    </section>
    <!-- Services -->
    <section id="dis" class="services bg-white text-primary">
      <div class="container">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1>Limitiations and Disadvantages</h1>
            <hr>
            <p class="text-black">There are certain drawbacks associated with facial recognition. Facial recognition can only identify people when the conditions are favourable.<br><br>
            Face recognition is not reliable if:<br>
            <b>-	The subject’s face is partially obscured<br>
            -	The subject’s face is not facing forward<br>
            -	The light is insufficient<br>
            -	The facial expressions vary.<br></b><br>
            When a facial recognition system incorrectly identifies a person, that can cause a number of potential problems, depending on what kind of error it is. A system restricting access to a specific location could wrongly admit an unauthorized person – if, say, she was wearing a disguise or even just looked similar enough to someone who should be allowed in. Or it could block the entry of an authorized person by failing to correctly identify her.<br><br>
            In law enforcement, surveillance cameras aren’t always able to get very good images of a suspect’s face. That could mean identifying an innocent person as a suspect – or even failing to recognize that a known criminal just ran afoul of the law again.<br><br>
            Nevertheless, the technology is evolving quickly and there are several emerging approaches, such as 3D modeling, that may overcome current problems with the systems. According to the National Institute of Standards and Technology (NIST), the incidence of false positives in facial recognition systems has been halved every two years since 1993 and, as of the end of 2011, was just .003%<br><br>
            <a href="http://www.bbc.co.uk/news/technology-33199275">Privacy concerns</a>
            </p>
            <hr class="small">
            <!-- /.row (nested) -->
          </div>
          <!-- /.col-lg-10 -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container -->
    </section>
    <section id="ref" class="services bg-primary text-white">
      <div class="container">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1>Refrences</h1>
            <hr>
            <a class="text-white" href="http://www.ex-sight.com/technology.htm">http://www.ex-sight.com/technology.htm</a><br>
            <a class="text-white" href="https://theconversation.com/facial-recognition-is-increasingly-common-but-how-does-it-work-61354">https://theconversation.com/facial-recognition-is-increasingly-common-but-how-does-it-work-61354</a><br>
            <a class="text-white" href="https://www.techopedia.com/definition/32071/facial-recognition">https://www.techopedia.com/definition/32071/facial-recognition</a><br>
            <a class="text-white" href="https://findbiometrics.com/solutions/facial-recognition/">https://findbiometrics.com/solutions/facial-recognition/</a><br>
            <a class="text-white" href="https://www.androidauthority.com/facial-recognition-technology-explained-800421/">https://www.androidauthority.com/facial-recognition-technology-explained-800421/</a><br>
            <a class="text-white" href="http://whatis.techtarget.com/definition/facial-recognition">http://whatis.techtarget.com/definition/facial-recognition</a>
            <hr class="small">
            <!-- /.row (nested) -->
          </div>
          <!-- /.col-lg-10 -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container -->
    </section>
    <!-- Services -->
    <!-- Footer -->
    <!-- About -->

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="js/stylish-portfolio.js"></script>
  </body>

</html>