-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathdepec.html
231 lines (213 loc) · 11.3 KB
/
depec.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
---
layout: sector
title: DEPEC
worker: ['Ana', 'Eduardo Gaspparin']
contact: ['email@.utfpr.edu.br', 'email1@.utfpr.edu.br']
picture: []
---
<link rel="stylesheet" type="text/css" href="/assets/css/depec.css">
<link rel="stylesheet" type="text/css" href="/assets/css/bulma-timeline.css">
<script type="text/javascript" async>
window.onload = (event) => {
bindModals(['pa1', 'pa2', 'pa3', 'pa4', 'pa5', 'pa6', 'pa7', 'pa8', 'pa9',
'pa10', 'pe1', 'pe2', 'pe3', 'pe4', 'pe5', 'pe6', 'pe7', 'pe8'])
}
</script>
{% include depec_modals.html %}
<div class="columns">
<div class="column">
<p class="title-large title-computer">DEPEC - Departamento de Estágio</p>
<div class="has-text-centered title-mobile">
<p class="title-large">DEPEC</p>
</div>
</div>
</div>
<div id="internship">
<p class="title-large">O ESTÁGIO</p>
<div class="columns">
<div class="column">
<p class="text">
O estágio é uma atividade curricular supervisionada, desenvolvida em ambiente de trabalho, que propicia ao estudante vivenciar em situação real, o exercício da profissão futura. Há duas categorias distintas de estágio, você as visualiza abaixo.
</p>
<ul class="list">
<li>
<b>Estágio obrigatório</b> é o estágio previsto na grade curricular, cuja carga horária é requisito para conclusão do curso.
</li>
<li>
<b>Estágio não obrigatório</b> é aquele desenvolvido como atividade opcional, constitui-se em atividade de complementação à formação acadêmica coerente com o perfil profissional.
</li>
</ul>
<div class="columns gap-small-top">
<div id="student" class="column box-round">
<p class="title">PARA O ALUNO</p>
<p class="text">Se você é um aluno matriculado no <i>campus</i> da UTFPR Santa Helena você tem de fazer o estágio obrigatório, presente em todos os cursos. Para tal, é importante saber quais instruções seguir na hora de fechar aquele contrato de estágio. Abaixo há diversas informações para lhe orientar a se credenciar na obtenção de um estágio.</p>
<div class="timeline is-centered gap-large-top">
<header class="timeline-header">
<span class="tag is-medium is-primary">Início</span>
</header>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>1</b></div>
<div class="timeline-content">
<p class="heading">primeiro passo</p>
<p>Acesse o SIE por este <a href="https://estagio.utfpr.edu.br" target="blank">link</a>.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>2</b></div>
<div class="timeline-content">
<p class="heading">segundo passo</p>
<p>Selecionar o câmpus que deseja cadastrar. Clique em <b>Santa Helena</b> e logue no sistema.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>3</b></div>
<div class="timeline-content">
<p class="heading">terceiro passo</p>
<p>A esquerda da página ao fundo azul, no item <b>login</b>, localize o link <b>aluno</b> e clique neste.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>4</b></div>
<div class="timeline-content">
<p class="heading">quarto passo</p>
<p>No primeiro acesso é necessário realizar o cadastro observando o canto superior direito do formulário onde indica: <b>Para acessar é necessário cadastrar-se clique aqui...</b>. Dê as informações necessárias para o cadastro e nas próximas vezes é só entrar no sistema com esse login e senha.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>5</b></div>
<div class="timeline-content">
<p class="heading">quinto passo</p>
<p>O DEPEC analisa o cadastro e libera acesso do aluno ao Sistema Integrado de Estágio. É importante ressaltar que os alunos matriculados no 2º período precisam encaminhar declaração de matrícula ao departamento.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>6</b></div>
<div class="timeline-content">
<p class="heading">último passo</p>
<p>Parabéns, você é um aluno credenciado. A partir desse momento você pode procurar mais orientações no setor de estágio que se localiza no bloco F4.</p>
</div>
</div>
<div class="timeline-header">
<span class="tag is-medium is-primary">Fim</span>
</div>
</div>
</div>
<div id="company" class="column box-round">
<p class="title">PARA A EMPRESA</p>
<p class="text">Se você é uma empresa cadastrada no sistema SIE (Sistema Integrado de Estágio) você pode pular para o passo 3, caso contrário inicie do passo 1.</p>
<p class="text">Para se credenciar e, dessa forma, oferecer vagas de estágio para alunos da UTFPR basta seguir os passos abaixo.</p>
<div class="timeline is-centered gap-large-top">
<header class="timeline-header">
<span class="tag is-medium is-primary">Início</span>
</header>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>1</b></div>
<div class="timeline-content">
<p class="heading">primeiro passo</p>
<p>Acesse o SIE por este <a href="https://estagio.utfpr.edu.br" target="blank">link</a>.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>2</b></div>
<div class="timeline-content">
<p class="heading">segundo passo</p>
<p>Selecionar o câmpus que deseja cadastrar. Clique em <b>Santa Helena</b> e logue no sistema.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>3</b></div>
<div class="timeline-content">
<p class="heading">terceiro passo</p>
<p>A esquerda da página ao fundo azul, no item <b>login</b>, localize o link <b>empresa</b> e clique neste.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>4</b></div>
<div class="timeline-content">
<p class="heading">quarto passo</p>
<p>Na primeira vez é necessário realizar o Cadastro em <b>Para acessar é necessário cadastrar-se. clique aqui...</b>. Preencha as informações necessárias para o cadastro da empresa. Nas próximas vezes é só entrar no sistema, campus cadastrado com esse login e senha.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker is-icon"><b>5</b></div>
<div class="timeline-content">
<p class="heading">último passo</p>
<p>Após o cadastro um de nossos professores do curso de interesse (Ciências Biológicas, Ciência da Computação ou Agronomia) realizará uma visita na empresa para assim, podermos liberar o cadastro e documentos para estágio.</p>
</div>
</div>
<div class="timeline-header">
<span class="tag is-medium is-primary">Fim</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="faq">
<p class="title-large">PERGUNTAS FREQUENTES (FAQ)</p>
<div class="columns" id="faq">
<div class="column">
<p class="text">Você aluno pode estar com várias questões após verificar, detalhadamente, as informações acima. Talvez você possa estar com alguma das seguintes perguntas. Caso contrário nos procure no bloco F4 que estaremos à disposição.</p>
<ul style="padding: 20px;">
<li class="is-link box-round animate" id="pa1">Sou obrigado a inserir todas as informações solicitadas no cadastro? Por que?</li>
<li class="is-link box-round animate" id="pa2">O que é um Agente Integrador?</li>
<li class="is-link box-round animate" id="pa3">Como posso conseguir uma vaga de estágio?</li>
<li class="is-link box-round animate" id="pa4">Estou matriculado no 2º período letivo, posso fazer estágio?</li>
<li class="is-link box-round animate" id="pa5">Quantas horas de estágio posso fazer por semana?</li>
<li class="is-link box-round animate" id="pa6">Posso fazer estágio em qualquer período do dia?</li>
<li class="is-link box-round animate" id="pa7">O que devo fazer para rescindir Termo de Compromisso de Estágio? </li>
<li class="is-link box-round animate" id="pa8">Aonde devo levar meus Relatórios Parciais de Estágio?</li>
<li class="is-link box-round animate" id="pa9">O que é o PRAE?</li>
<li class="is-link box-round animate" id="pa10">Onde posso conseguir mais informações?</li>
</ul>
</div>
<div class="column">
<p class="text">Como instituição parceira da UTFPR algumas dúvidas podem surgir. Elas foram colocadas abaixo para facilitar mais ainda o processo de convênio. Pedimos que caso haja alguma outra dúvida entre em contato com o departamento de estágio.</p>
<ul style="padding: 20px;">
<li class="is-link box-round animate" id="pe1">
Como empresa, preciso contratar um agente integrador para intermediar o processo de contratação de um estagiário?
</li>
<li class="is-link box-round animate" id="pe2">Como posso divulgar as vagas de estágio que tenho disponível?</li>
<li class="is-link box-round animate" id="pe3">Quanto tempo posso manter um estagiário no meu quadro de pessoal?</li>
<li class="is-link box-round animate" id="pe4">Preciso remunerar o estagiário? Seguro de vida e auxílio transporte?</li>
<li class="is-link box-round animate" id="pe5">O estagiário tem direito a férias?</li>
<li class="is-link box-round animate" id="pe6">Se houver alteração de supervisor, horário do estágio, ou interesse de prorrogar a vigência do estágio, o que deve ser feito?</li>
<li class="is-link box-round animate" id="pe7">O que devo fazer para encerrar Termo de Compromisso de Estágio antes da data prevista?</li>
<li class="is-link box-round animate" id="pe8">Onde posso conseguir mais informações sobre estágios para acadêmicos da UTFPR?</li>
</ul>
</div>
</div>
</div>
</div>
<div id="integration-agent">
<p class="title-large">AGENTES DE INTEGRAÇÃO</p>
<div class="carousel carousel-animated carousel-animate-slide" data-size="3" data-autoplay="true" data-delay="2500">
<div class="carousel-container has-text-centered">
<div class="carousel-item is-active carousel-link">
Agência De Integração Empresa Escola Ltda
</div>
<div class="carousel-item carousel-link">
Inova - Consultoria, Capacitação E Integração S/S Ltda Me.
</div>
<div class="carousel-item carousel-link">
Instituto Coroados De Aprendizagem E Estágio - Icae
</div>
</div>
</div>
</div>
<div id="companies">
<p class="title-large">EMPRESAS PARCEIRAS</p>
<div class="carousel carousel-animated carousel-animate-slide" data-autoplay="true" data-delay="500">
<div class="carousel-container has-text-centered">
<div class="carousel-item is-active carousel-link">
<a href="http://www.ese.ipb.pt/"><img src="/assets/img/logos/ipb.png" class="img-rounded" width="256" height="256"></a>
<p>Carlos Adriano Metzner & Cia Ltda Me</p>
</div>
<div class="carousel-item carousel-link">
<a href="http://www.ese.ipb.pt/"><img src="/assets/img/logos/ipb.png" class="img-rounded" width="256" height="256"></a>
<p>Coppini & Cia Ltda</p>
</div>
</div>
</div>
</div>
</div>