-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
825 lines (798 loc) · 33.3 KB
/
project.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
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
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
<!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.0" />
<link rel="stylesheet" href="css/project.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<title>Document</title>
</head>
<body>
<section>
<div class="direta">
<div class="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">Sobre</a></li>
<li><a href="training.html">Formação e Habilidades</a></li>
<li><a href="project.html">Projetos</a></li>
<li><a href="experience.html">Experiência Profissional</a></li>
<li><a href="contate.html">Contato</a></li>
</ul>
</div>
</div>
<div class="esquerda">
<div class="sobre-formacao">
<h1>Projetos Academicos e Profissionais</h1>
<div class="div-button" id="button-sistema-gestao">Sistema SGCCI</div>
<dialog id="Sistema-Incendio">
<h2>Sistema SGCCI</h2>
<p class="incendio">
Ainda hoje em pleno século 21 vejo muita dificuldade para os
profissionais na área de SST, realizar um verdadeiro controle de
gestão de seus extintores e outros equipamentos de combate a
incêndio. A maioria controla manualmente usando planilha simples
ou texto e fica olhando no calendario quando que vai vencer é
muito tempo perdido.
</p>
<p class="incendio">
Lhe pergunto, imagina em uma empresa que tenha mais de 1000
extintores e 100 mangueiras de hidrantes. Como você vai controlar
os vencimentos deles todos?
</p>
<p class="incendio">
Nesse momento surgio a idéia de criar um verdadeiro sistema de
gestão desses equipamentos. Onde tive o primeiro contato na
programação na linguagem VBA. Onde me aprofundei na linguagem e
com isso conseguir terminar o sistema.
</p>
<p class="incendio">
Nesse projeto me surgiu novas ideias e no final criei um sitema
chamado: SGCCI - Sistema de Gestão e Controle de Combate a
Incêndio.
</p>
<p>Como ele funciona?</p>
<p class="incendio">
O sistema ele tem os seguintes informações, como login e senha de
acesso,cadastro de usuarios, cadastro de equipe de
brigadistas,cadsatro de cipeiros, cadastro de extintores, cadastro
de mangueira de hidrante, tela de acesso que filtra a lista dos
equipamentos de extintores e de mangueiras de hidrantes que estão
em dia, a vencer e vencido, além disso pode atualizar individual
ou em cascata todos os equipamentos e também deletalos. Emissão de
relátorio em pdf como: lista dos equipamentos ou relátorio anual
com dashboard. Além de poder enviar automaticamente via e-mail o
arquivo já anexado no e-mail com apenas um clique. E por último
não menos importante o mesmo tem alerta automatico onde ele faz
uma varredura automaticamente no banco de dados e verifica se tem
algum equipamento que está para vencer. Caso tiver ele
automaticamente avisa uma mensagem e mostra em tempo real, somente
os equipamentos que estão para vencer. Resumindo é verdadeiro
sistema fantástico para aqueles que trabalham na área de SST, e
precisam de controle de automatização eficiente.
</p>
<p class="incendio">
Na parte da programação foi usado linguagem backend VBA com banco
de dados SQL para conectar o banco de dados ACCESS utilizando a
biblioteca ADODB e o provedor de conexão
Provider=Microsoft.ACE.OLEDB.12.0. Sendo que dentro do sistema VBA
era conectado no banco de dados ACCESS, onde mandava e recebia os
arquivos. Sem prejudicar o tamanho do arquivo original do excel.
</p>
<p>
Nesse projeto começou em setembro de 2022 até outubro de 2022.
</p>
<p class="incendio">
Segue o link as fotos e link do vídeo que está no youtube para
mais informações.
</p>
<a
href="https://www.youtube.com/watch?v=kp_Oh5ybiaY&t=522s"
title="Clique no Link"
target="_blank"
>link do vídeo do projeto SGCCI</a
>
<br />
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/Login sistema gestao de combate a incendio.jpg"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Login sistema gestao de combate a incendio.jpg"
alt="tela de login"
/></a>
<figcaption>Tela de login</figcaption>
</div>
<div class="image-container">
<a
href="image/Tela principal do sistema de gestao de combate a incendio.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Tela principal do sistema de gestao de combate a incendio.png"
alt=""
/></a>
<figcaption>Tela SGCCI</figcaption>
</div>
<div class="image-container">
<a
href="image/lista dos equipamentos cadastrado - Sistema gestão de combate a incendio.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/lista dos equipamentos cadastrado - Sistema gestão de combate a incendio.png"
alt=""
/></a>
<figcaption>Lista dos equipamentos</figcaption>
</div>
<div class="image-container">
<a
href="image/relatorio de exintores.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/relatorio de exintores.png"
alt=""
/></a>
<figcaption>Relatório de extintores</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog>
<div class="div-button" id="button-sistema-lavori">
Sistema de Controle de Atendimento Médico Lavori
</div>
<dialog id="sitema-Lavori">
<h2>Sistema Sistema de Controle de Atendimento Médico Lavori</h2>
<p class="incendio">
Nessa época a empresa me solicitou um sistema para controle de
gestão de atendimento médico. Como um bom soldado, missão dada é
missão cumprida.
</p>
<p class="incendio">
Nesse sistema conta com alguma informações uteis. Como cadastro,
login e senha de usuário, médico, numero de atendimentos,
agendamento de consultas, relatório em pdf, relátorio em
dashboard, além de controle de fluxo de caixa com emissão em pdf
de comprovante de pagamento.
</p>
<p class="incendio">
Na linguagem de programação foi utilizado a linguagem VBA visual
basic com comando SQL para conectar ao banco de dados ACCESS
usando a biblioteca chamada ADODB.Usando também o provedor de
conexão Provider=Microsoft.ACE.OLEDB.12.0.Onde mandava e recebia
os arquivos, sem prejudicar o tamanho do arquivo original do
excel.
</p>
<p class="incendio">
Nesse projeto o tempo estimado foi de Junho de 2022 até Setembro
de 2022.
</p>
<p class="incendio">Segue o link as fotos abaixo:</p>
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/login sistema Lavori.jpg"
title="clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/login sistema Lavori.jpg"
alt="tela de login"
/></a>
<figcaption>Tela de login</figcaption>
</div>
<div class="image-container">
<a
href="image/tela principal sistema Lavori.png"
target="_blank"
title="clique na imagem"
><img
class="img-sistemas"
src="image/tela principal sistema Lavori.png"
alt=""
/></a>
<figcaption>Tela SGCCI</figcaption>
</div>
<div class="image-container">
<a
href="image/Lista de pessoas Lavori.png"
title="clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Lista de pessoas Lavori.png"
alt=""
/></a>
<figcaption>Lista dos equipamentos</figcaption>
</div>
<div class="image-container">
<a
href="image/relatorio geral Lavori.png"
title="clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/relatorio geral Lavori.png"
alt=""
/></a>
<figcaption>Relatório de extintores</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog>
<div class="div-button" id="button-site-dev">Site job Finder</div>
<dialog id="site-Dev">
<h2>Site Job Finder</h2>
<p class="incendio">
Nesse projeto foi utilizado linguagem como HTML, CSS, Javascript e
principalmente a biblioteca Noje.js para conectar ao banco de
dados SQLlite.
</p>
<p class="incendio">Como funciona o site?</p>
<p class="incendio">
Site é local de busca de vagas de empregos somente para ramo de
programadores, onde tem a tela principal onde mostra a quantidade
de vagas, outra tela você pode cadastrar a vaga. E ao clicar
enviar ele automaticamente vai os dados para o banco de dados. Em
seguida, na pagina oficial já adiciona na listagem.Na lista de
vagas, aqui clicar na opção ver vaga, ele vai para outra pagina
onde informa os detalhes da vaga. Como: Salários, nome da vaga,
empresa e atividades que irá desenvolver.
</p>
<p class="incendio">
Nesse projeto o tempo estimado foi de outubro de 2022 até dezembro
de 2022.
</p>
<p class="incendio">
Segue abaixo o link do github do projeto e também as fotos do
projeto
</p>
<a
href="https://github.com/tscouto/siteDevJobs"
title="Clique no Link"
target="_blank"
>link do projeto na pagina github</a
>
<br />
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/pagina principal do site Job Finder.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/pagina principal do site Job Finder.png"
alt="tela de login"
/></a>
<figcaption>Pagina principal</figcaption>
</div>
<div class="image-container">
<a
href="image/Pagina de cadastro de vagas Job Finder.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Pagina de cadastro de vagas Job Finder.png"
alt=""
/></a>
<figcaption>Pagina de cadastro da vaga</figcaption>
</div>
<div class="image-container">
<a
href="image/Requisitos da vaga.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Requisitos da vaga.png"
alt=""
/></a>
<figcaption>Requitos para vaga</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog>
<div class="div-button" id="button-site-DC-COMICS">
Site de DC COMICS
</div>
<dialog id="Site-COMICS">
<h2>Site de DC COMICS</h2>
<p class="incendio">
Nesse projeto foi utilizado apenas linguagem como HTML, CSS.
</p>
<p class="incendio">Como funciona o site?</p>
<p>
É um site de informações de novidades no mundo do super-heróis da
empresa DC COMICS. Nele também tem algumas coisas para ser
vendidas. Como quadrinhos, trailer de filmes, e alguns utensílios
como: camisas e sandalhas de super-heróis. Nesse projeto o tempo
estimado até o término foi uma semana, referente ao mês de março
de 2023.
</p>
<p class="incendio">
Nesse projeto o tempo estimado até o termino foi uma semana,
referente ao mês de março de 2023.
</p>
<p class="incendio">
Segue abaixo o link do github do projeto e também as fotos do
projeto
</p>
<a
href="https://github.com/tscouto/DC-Comics"
title="Clique no Link"
target="_blank"
>link do projeto na pagina github</a
>
<br />
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/pagina DC comics 1.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/pagina DC comics 1.png"
alt="tela de login"
/></a>
<figcaption>Pagina principal</figcaption>
</div>
<div class="image-container">
<a
href="image/pagina DC comics 2.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/pagina DC comics 2.png"
alt=""
/></a>
<figcaption>Pagina principal, mas parte de baixo</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog>
<!-- <div class="div-button" id="button-site-PortWine">
Site de Port Wine
</div>
<dialog id="Site-PortWine">
<h2>Site de Port Wine</h2>
<p class="incendio">
Nesse projeto foi utilizado apenas linguagem como HTML, CSS.
</p>
<p class="incendio">Como funciona o site?</p>
<p class="incendio">
É um site de informação sobre vendas de vinhos de Porto Oliva na
cidade vinicola onde existe algumas ambas do site. Como:
apresentação do site, aba de lista vinhas e valores, aba com link
do vídeo no youtube e a última aba de um formulário para entrar em
contato com a empresa.
</p>
<p class="incendio">
Nesse projeto o tempo estimado até o termino foi uma semana,
referente ao mês de março de 2023.
</p>
<p class="incendio">
Segue abaixo o link do github do projeto e também as fotos do
projeto
</p>
<a
href="https://github.com/tscouto/portWine"
title="Clique no Link"
target="_blank"
>link do projeto na pagina github</a
>
<br />
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/Pagina portWine 1.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Pagina portWine 1.png"
alt="tela de login"
/></a>
<figcaption>Pagina principal</figcaption>
</div>
<div class="image-container">
<a
href="image/Pagina portWine 2.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Pagina portWine 2.png"
alt=""
/></a>
<figcaption>Pagina lista dos vinhos</figcaption>
</div>
<div class="image-container">
<a
href="image/Pagina portWine 3.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Pagina portWine 3.png"
alt=""
/></a>
<figcaption>Pagina da vínicola</figcaption>
</div>
<div class="image-container">
<a
href="image/Pagina portWine 4.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Pagina portWine 4.png"
alt=""
/></a>
<figcaption>Pagina fale conosco</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog>
<div class="div-button" id="button-site-GO-BUS">Site vai de Bus</div>
<dialog id="site-GO-BUS">
<h2>Site Vai de Bus</h2>
<p class="incendio">
Nesse projeto foi utilizado apenas linguagem como HTML, CSS.
</p>
<p>Como funciona o site?</p>
<p class="incendio">
É um site de uma empresa fictícia onde mostra uma página de uma
empresa de ônibus. Onde tem todas as informações sobre os
serviços, e suas vantagens na compra de seus passaportes.
Divididos em seguida abas como: Página Principal, modalidades,
fretamento, vantagens e aba de contatos.
</p>
<p class="incendio">
Nesse projeto o tempo estimado até o término foi uma semana,
referente ao mês de março de 2023.
</p>
<p class="incendio">
Segue abaixo o link do github do projeto e também as fotos do
projeto
</p>
<a
href="https://github.com/tscouto/goBus"
title="Clique no Link"
target="_blank"
>link do projeto na pagina github</a
>
<br />
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/Site vai de bus 1.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Site vai de bus 1.png"
alt="tela de login"
/></a>
<figcaption>Pagina principal</figcaption>
</div>
<div class="image-container">
<a
href="image/Site vai de bus 2.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Site vai de bus 2.png"
alt=""
/></a>
<figcaption>Pagina modalidades</figcaption>
</div>
<div class="image-container">
<a
href="image/Site vai de bus 3.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Site vai de bus 3.png"
alt=""
/></a>
<figcaption>Pagina de Fretamento</figcaption>
</div>
<div class="image-container">
<a
href="image/Site vai de bus 4.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Site vai de bus 4.png"
alt=""
/></a>
<figcaption>Pagina de Vantagens</figcaption>
</div>
<div class="image-container">
<a
href="image/Site vai de bus 5.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Site vai de bus 5.png"
alt=""
/></a>
<figcaption>Pagina de Contatos</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog> -->
<!-- <div class="div-button" id="button-sistema-Advertencia">
Sistema de Gestão de Advertência
</div>
<dialog id="Sistem-Adertencia">
<h2>Sistema de controle de advertëncia e suspensão</h2>
<p class="incendio">
Nesse sistema foi indicado para empresas que precisam ter um
controle das condutas dos funcionários que não seguem as normas
internas da empresa
</p>
<p class="incendio">Como ele funciona?</p>
<p class="incendio">
O sistema ele tem abas de cadastro de funcionário, nele consta 3
tipos de puniões, seria a orientação verbal. Que nessa orientação
informa quais são as condutas que o funcionario deve cumprir.
Advertência por escrito e suspensão. Nesse sistema também gera
relátorio indididual detalhado de funcionários e também relátorio
dashboard anual onde consta quantos puniões foram feitas durante o
ano.
</p>
<p class="incendio">
Nesse sistema foi utilizando linguagem backend VBA - Visual Basic,
onde as informações já são armazenadas internamente na planilha,
conforme feio o cadastramento.
</p>
<p class="incendio">Segue o as fotos abaixo do projeto</p>
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/Tela login senha Controle de Advertência.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Tela login senha Controle de Advertência.png"
alt="tela de login"
/></a>
<figcaption>Tela de Login</figcaption>
</div>
<div class="image-container">
<a
href="image/tela principal do sistema de controle de advertencia.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/tela principal do sistema de controle de advertencia.png"
alt=""
/></a>
<figcaption>Tela Principal</figcaption>
</div>
<div class="image-container">
<a
href="image/Tela de aplicação de advertência.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/Tela de aplicação de advertência.png"
alt=""
/></a>
<figcaption>Tela de aplicação</figcaption>
</div>
<div class="image-container">
<a
href="image/advertencia por escrito pdf.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/advertencia por escrito pdf.png"
alt=""
/></a>
<figcaption>Advertencia em PDF</figcaption>
</div>
<div class="image-container">
<a
href="image/relatorio dashboard advertencia.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/relatorio dashboard advertencia.png"
alt=""
/></a>
<figcaption>Relatório em Dashboard</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog> -->
<!-- <div class="div-button" id="button-doseProjetada">
Dose Projetada - Ruído
</div>
<dialog id="doseProjetada">
<h2>
Sistema de doseProjetada de ruído - Ainda em desenvolvimento
</h2>
<p class="incendio">
Esse projeto ainda está em fase de desenvolvimento, mas
basicamente utilizo ele muito no meu trabalho.Com ele consigo
fazer uma medição em campo com dosímetro de 1 hora e nele coloca
os dados e projeto a medição de 1 hora para 8 horas. Agiliza
demais a gestão na área de Higiene Ocupacional
</p>
<p class="incendio">
Nele foi usado linguagem backend VBA- Visual basic onde o mesmo
tem uma função que calcula a dose do ruído para 8 horas, usando
referencia do anexo da NHO-01 da fundacentro.
</p>
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/dose- projetada 1.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/dose- projetada 1.png"
alt="tela de login"
/></a>
<figcaption>Tela principal</figcaption>
</div>
<div class="image-container">
<a
href="image/dose- projetada 2.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/dose- projetada 2.png"
alt=""
/></a>
<figcaption>Botão com painel das informaçãoes</figcaption>
</div>
<div class="image-container">
<a
href="image/dose- projetada 3.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/dose- projetada 3.png"
alt=""
/></a>
<figcaption>Calculo da dose para 8 horas</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog> -->
<!-- <div class="div-button" id="button-guessingGame">Guessing game</div>
<dialog id="guessingGame">
<h2>Guessing game - Ainda em desenvolvimento</h2>
<p class="incendio">
É um site de um game de perguntas e respostas, onde o jogador ao
entrar no jogo, terá uma pergunta onde terá quatro alternativas.
Quando ele selecionar a resposta escolhida, irá mostrar na tela o
botão em outra cor, informando se realmente o jogador tem certeza
de que aquela opção que escolheu é a correta. Se sim, irá mostrar
o resultado, se for a correta, o botão irá ficar com a cor verde
com nome certo a resposta, em também na tela irá mostrar os
detalhes de cada opção, além disso irá mostrar um marcador de
quantas perguntas respondidas e a porcentagem de perguntas
corretas.
</p>
<p class="incendio">
Esse projeto feito em trabalho em conjuto com Benicio, Patricia,
Eu, e nosso professor orientador João
</p>
<p class="incendio">
Foi utilizado linguagem como html, css e javascript. Além de
ferramentas como Jira, bitburkit. A metologia que utilizamos foi a
metologia scrum, onde cada um ficou responsável por uma função
como: Scrum Master, Develop, leader, PO product owner
</p>
<p class="incendio">
Segue os links abaixo do repertório e dos links do github dos
membros
</p>
<ul>
<li>
<a href="https://bitbucket.org/c2_1j-17/guessing-game/src/main/"
>Link do Projeto - bitbucket</a
>
</li>
<li><a href="https://github.com/liconeto">Benicio</a></li>
<li><a href="https://github.com/Patriciamativi">Patricia</a></li>
<li><a href="https://github.com/joaoluke">João</a></li>
</ul>
<div class="div-img-sistema">
<div class="image-container">
<a
href="image/guiness pagina principal.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/guiness pagina principal.png"
alt="tela de login"
/></a>
<figcaption>Tela Principal</figcaption>
</div>
<div class="image-container">
<a
href="image/guiness pagina de perguntas.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/guiness pagina de perguntas.png"
alt=""
/></a>
<figcaption>Tela de perguntas</figcaption>
</div>
<div class="image-container">
<a
href="image/guiness pagina de perguntas tem certeza.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/guiness pagina de perguntas tem certeza.png"
alt=""
/></a>
<figcaption>Tem Certeza?</figcaption>
</div>
<div class="image-container">
<a
href="image/guinesse resposta correta.png"
title="Clique na imagem"
target="_blank"
><img
class="img-sistemas"
src="image/guinesse resposta correta.png"
alt=""
/></a>
<figcaption>Resposta correta!</figcaption>
</div>
</div>
<hr class="hr" />
<div class="button">Fechar</div>
</dialog> -->
</div>
</div>
</section>
</body>
<script src="./script/project.js"></script>
</html>