-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (141 loc) · 5.06 KB
/
index.html
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Internet of Behavior</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon" />
</head>
<body>
<header>
<h1 class="page-title">Internet of Behavior</h1>
<a href="#main" class="scroll"
><i class="fa-solid fa-chevron-down"></i
></a>
<nav>
<ul>
<li><a href="#main">O que é IOB </a></li>
<li><a href="#uso">Campos de uso </a></li>
<li><a href="#iot">IoB x IoT </a></li>
<li><a href="#impactos">Impactos</a></li>
</ul>
</nav>
</header>
<main id="main">
<section class="container grid-container">
<div>
<h2 class="page-subtitle">O que é IoB?</h2>
<p>
A sigla vem do termo em inglês
<strong class="pink"><em>Internet of Behavior</em></strong
>, ou Internet do Comportamento em português.
</p>
<p>
<strong class="pink"
>É uma forma de utilizar dispositivos digitais para trazer dados
para o offline</strong
>, e de trazer a tona o comportamento das pessoas, através de dados,
para que seja possível trabalhar da melhor forma possível com esses
dados.
</p>
</div>
<img
class="imagens"
src="https://images.ctfassets.net/3viuren4us1n/11RlvFRoXTvpdRiKauPPRR/44d23a9061ac2367c02749dc179a73e1/iob.jpg"
alt=""
/>
</section>
<section id="uso" class="container">
<h2 class="page-subtitle">De quais campos ela faz uso?</h2>
<p>
<i class="fa-solid fa-microchip"></i
><strong class="pink"> Tecnologia</strong> (para coleta de dados,
dessa “poeira digital” deixada pelas pessoas).
</p>
<p>
<i class="fa-solid fa-database"></i
><strong class="pink"> Data analytics</strong> (a análise dos dados
coletados).
</p>
<p>
<i class="fa-solid fa-brain"></i
><strong class="pink"> Behavioral science</strong> (a ciência do
comportamento humano).
</p>
</section>
<section id="iot" class="container">
<h2 class="page-subtitle">
Internet of Behavior (IoB) X Internet of Things (IoT)
</h2>
<p>A IoB vem sendo bastante utilizada em conjunto com a IoT.</p>
<h2 class="big-text pink">O que é IoT?</h2>
<p>
Em suma, é a integração de diversos dispositivos que conectam-se com a
internet e entre si.
</p>
<p>
Enquanto a <strong class="pink">IoT</strong> realiza a coleta de uma
grande quantidade de dados, a
<strong class="pink">IoB</strong> analisa como as pessoas se comportam
através do rastro deixado por eles.
</p>
</section>
<section id="impactos" class="container grid-container">
<div>
<h2 class="page-subtitle">
Os impactos do IoB para a comunicação e o marketing
</h2>
<p>Para o marketing, os dados ajudam a:</p>
<br />
<ul class="list">
<li>Entender as práticas dos usuários</li>
<li>Reforçar valores de marca</li>
<li>Melhorar a experiência do usuário</li>
<li>
Gerar <strong class="pink"><em>insights</em></strong> através da
análise do comportamento dos usuários
</li>
</ul>
</div>
<div class="imagens">
<img
class="imagens"
src="https://assets-global.website-files.com/61766c42e8e50c99a04fbd4b/6179ba127b7b274cf1e3f07d_1509990774-communication-both-ways-article.png"
alt=""
/>
<img
src="https://www.boldcomunicacao.com.br/blog/wp-content/uploads/2018/02/inbound-marketing-isometric-online-mass-market-ads-business-target-vector-id1055183396-4.jpg"
alt=""
class="imagens"
/>
</div>
</section>
</main>
<footer>
<h2 class="page-subtitle">Integrantes:</h2>
<section class="integrantes">
<div class="integrante">
<img src="img/helena.jpeg" alt="" class="profile" />
<p class="nome">Helena Matos</p>
</div>
<div class="integrante">
<img src="img/joao.jpeg" alt="" class="profile" />
<p class="nome">João V. Santos</p>
</div>
<div class="integrante">
<img src="img/leticia.jpeg" alt="" class="profile" />
<p class="nome">Letícia Amanda</p>
</div>
<div class="integrante">
<img src="img/sarah.jpeg" alt="" class="profile" />
<p class="nome">Sarah Rebeca</p>
</div>
</section>
</footer>
<script
src="https://kit.fontawesome.com/a14430386d.js"
crossorigin="anonymous"
></script>
</body>
</html>