-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdermato.html
More file actions
153 lines (150 loc) · 10.5 KB
/
Copy pathdermato.html
File metadata and controls
153 lines (150 loc) · 10.5 KB
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
---
---
<html lang="pt">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>Dermatologia</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Righteous&display=swap" rel="stylesheet">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
media="screen">
</head>
<body>
<!-- header section start -->
<div class="header_section">
{% include header.html %}
</div>
<!-- header section end -->
<!-- services section start -->
<div class="services_section layout_padding">
<div class="container">
<div class="row">
<div class="col-lg-6 my-auto align-self-center d-flex justify-content-center">
<div class="d-none d-sm-block">
<video width="336" height="672" muted autoplay loop>
<source
src="https://media-files-luxai-website.s3.us-east-2.amazonaws.com/dermai_patient.mp4"
type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="d-block d-sm-none">
<video width="240" height="480" muted autoplay loop>
<source
src="https://media-files-luxai-website.s3.us-east-2.amazonaws.com/dermai_patient.mp4"
type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<div class="col-lg-6 align-self-center">
<center>
<h1 class="services_taital">IA na Dermatologia</h1>
</center>
<p class="services_text">Estamos desenvolvendo um aplicativo inovador que utiliza inteligência artificial para auxiliar na identificação de lesões malignas de pele. Com ele, os usuários poderão capturar uma imagem de uma lesão utilizando a câmera do celular e receber uma análise preliminar, indicando se há sinais que justificam a busca por um dermatologista para uma avaliação mais detalhada. A tecnologia empregada no aplicativo é baseada em modelos avançados de IA treinados com imagens médicas, garantindo uma análise confiável e acessível.</p>
<p class="services_text">O objetivo da aplicação é tornar a detecção precoce mais acessível, permitindo que qualquer pessoa, independentemente da sua localização, possa obter uma avaliação inicial da saúde da sua pele. A aplicação está sendo desenvolvida em parceria com especialistas e instituições médicas, como o Hospital das Clínicas da UFPE, para garantir precisão e confiabilidade nos resultados.</p>
<p class="services_text">Atualmente, o app está em fase de desenvolvimento, com etapas voltadas para a otimização dos modelos de IA e a integração com o fluxo de captura de imagens. Em breve, essa ferramenta estará disponível para auxiliar na conscientização e no cuidado com a saúde da pele, incentivando a busca precoce por atendimento médico quando necessário.</p>
</div>
</div>
<div class="services_section_2">
<hr class="pb-5" />
<div class="row" id="dashboard">
<div class="col-md-9 align-self-center">
<h2 class="text-center">Aplicativo de coleta de imagens</h2 class="text-center">
<p class="services_text">Tendo em vista a ausência de representação significativa de sinais de pele com variados tons de pele nos datasets acadêmicos e a distribuição étnico-racial do Brasil, se tornou necessário realizar uma captura de imagens de pele, priorizando as peles com maior presença de melanina, para compor o dataset utilizado para treinamento das redes utilizadas no app. Em parceria com o Hospital das Clínicas da UFPE, foi desenvolvida uma aplicação que captura lesões de pele e permite ao dermatologista registrar qual a classificação adequada para a lesão. A aplicação é utilizada por médicos dermatologistas e estudantes residentes no ambulatório de dermatologia do HC-UFPE, que consulta cerca de 1000 pacientes por mês. Acesse o <b><a href="https://docs.google.com/forms/d/e/1FAIpQLSftDXPXhGyWPZfC8jrX4GF74xN6alrd3QrQzoN0ukO18W-ZLg/viewform" target="_blank" rel="noopener noreferrer">formulário</a></b> ou escaneie o QR-Code se tiver interesse em participar da coleta de imagens.</p>
<div class="row pt-4">
<div class="col-lg-6 align-self-center">
<h1 class="text-center" style="padding-bottom: 0;">MAIS DE 3500 IMAGENS COLETADAS!!!</h1>
</div>
<div class="col-lg-6 justify-content-center">
<center>
<a class="ranking_button" href="http://cinsoftex.drayddns.com:3034" target="_blank" rel="noopener"><img src="images/graph.png" style="max-height: 20px; padding-right: 10px;" />Acesse o Dashboard</a>
</center>
</div>
</div>
</div>
<div class="col-md-3 align-self-center d-none d-md-block">
<div><img src="images/qr-code_form_coleta.png"
class="services_img material_image publication_image">
</div>
<center>
<p class="subtext"><br>Acesse o <b><a href="https://docs.google.com/forms/d/e/1FAIpQLSftDXPXhGyWPZfC8jrX4GF74xN6alrd3QrQzoN0ukO18W-ZLg/viewform" target="_blank" rel="noopener noreferrer">formulário</a></b> se tiver interesse em participar da coleta de imagens</p>
</center>
</div>
</div>
<hr class="mt-5" />
<div class="row pt-4">
<div class="col-md-9 align-self-center">
<h2 class="text-center">Aplicativo de classificação de lesão para pacientes</h2>
<p class="services_text">Nosso aplicativo está sendo desenvolvido para auxiliar os usuários na identificação precoce de possíveis lesões malignas de pele. A ferramenta permitirá que qualquer pessoa utilize a câmera do celular para capturar uma imagem de uma lesão suspeita, como sinais, manchas ou marcas na pele. A partir dessa imagem, o sistema analisará a lesão e classificará seu nível de risco, fornecendo uma recomendação clara sobre a necessidade de procurar um dermatologista para uma avaliação profissional.</p>
<p class="services_text">Com base na severidade da lesão identificada, a aplicação apresentará diferentes níveis de recomendação: lesões de baixa preocupação sugerem acompanhamento dermatológico de rotina, enquanto lesões de risco moderado indicam a necessidade de uma consulta nos próximos meses. Nos casos em que há indícios de uma possível lesão maligna, o usuário será fortemente orientado a procurar um dermatologista o mais rápido possível.</p>
<p class="services_text">O objetivo final é facilitar o acesso à saúde preventiva, promovendo a conscientização sobre o câncer de pele e outras condições dermatológicas. Embora o app não substitua o diagnóstico médico, ele serve como uma ferramenta complementar para incentivar o cuidado precoce e auxiliar na tomada de decisão sobre quando buscar ajuda especializada.</p>
</div>
<div class="col-md-3 align-self-center">
<div><img src="images/derm_app_patient.gif"
class="services_img material_image publication_image">
</div>
</div>
</div>
<hr class="mt-5" />
<div class="row pt-4">
<div class="col-md-9 align-self-center">
<h2 class="text-center">Aplicativo de apoio ao diagnóstico para atenção primária</h2>
<p class="services_text">O aplicativo de classificação foi desenvolvido para auxiliar profissionais de atenção primária na triagem de lesões de pele, oferecendo um suporte baseado em inteligência artificial para facilitar o encaminhamento de pacientes ao dermatologista. Com a ferramenta, o médico pode capturar ou carregar uma imagem de uma lesão suspeita e receber uma análise com as classes mais prováveis da lesão, ajudando na tomada de decisão sobre a necessidade e a urgência do encaminhamento para um especialista.</p>
<p class="services_text">A aplicação não substitui o diagnóstico médico, mas serve como um apoio para médicos generalistas, clínicos e outros profissionais da atenção primária, fornecendo uma estimativa baseada em modelos de IA treinados com imagens clínicas. O sistema pode indicar, por exemplo, se a lesão apresenta características compatíveis com nevos benignos, ceratoses seborreicas, melanomas ou carcinomas, permitindo uma avaliação preliminar mais embasada.</p>
<p class="services_text">Com isso, o aplicativo contribui para um fluxo mais eficiente no atendimento, ajudando a priorizar casos potencialmente malignos para um encaminhamento mais rápido e reduzindo encaminhamentos desnecessários para dermatologistas. Dessa forma, a ferramenta fortalece a atuação da atenção primária na detecção precoce do câncer de pele, melhorando o acesso ao diagnóstico especializado e otimizando recursos do sistema de saúde.</p>
</div>
<div class="col-md-3 align-self-center">
<div>
<img src="images/dermato_doctor.png" class="services_img material_image publication_image">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- services section end -->
<!-- footer section start -->
{% include footer.html %}
<!-- footer section end -->
<!-- copyright section start -->
{% include copyright.html %}
<!-- copyright section end -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/plugin.js"></script>
<!-- sidebar -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/custom.js"></script>
<!-- javascript -->
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
</body>
</html>