MODELO ORIENTATIVO PARA PROJETOS SOCIAIS

1. DADOS DE IDENTIFICAÇÃO DO PROJETO.

1.1 Título do projeto: Desenvolvimento Web
1.2 Nome da entidade:
1.3 Coordenador do projeto: Thiago Carvalho de Souza
1.4 Fone: (74) 9888140376

2 JUSTIFICATIVA:
A tecnologia atingiu um status de extrema relevância para a sociedade contemporânea. E esse desenvolvimento
acelerado da tecnologia, exige cada vez mais que desde a educação básica o estudante tenha acesso a ferramentas
que o levem a obter conhecimento sobre a área.
O desenvolvimento científico e tecnológico das últimas décadas não só transformou a vida social, como causou
profundas alterações no mercado de trabalho, que exige cada vez mais que as pessoas dominem, ou pelo menos,
tenham conhecimento sobre algumas ferramentas tecnológicas. A pandemia em que estamos passando deixou isso
ainda mais evidente.
Ampliando as considerações sobre este tema, Wang, Wu e Wang (2009), destacam que o uso da TI pode
contribuir para incrementar a aprendizagem, notadamente, quando aliada a um centro de instrução, ou laboratório
de tecnologia, para o estudante. De maneira mais enfática, Setzer (2000) afirma que não há dúvidas de que os
computadores aceleram o desenvolvimento escolar das crianças e dos jovens.
Segundo levantamento da Softex, o setor de tecnologia da informação (TI) enfrenta um grande desafio: o déficit
de profissionais. Estudos do mercado apontam que, no Brasil, essa carência deve equivaler a mais de 408 mil postos
de trabalho até 2022. Devido à escassez de pessoal, as perdas acumuladas nos últimos dez anos (2010-2020)
alcançam R$ 167 bilhões.

3. OBJETIVO(S):
Este projeto tem como objetivo apresentar as tecnologias mais usadas no desenvolvimento de websites,
mostrando e ensinando para o aluno desde a primeira sentença de código ao site finalizado com diversas
funcionalidades. Não só isso, mas também, mostrar que é possível para qualquer pessoa fazer esse tipo de
desenvolvimento, com um custo baixíssimo, tendo em vista que, só é necessário um simples computador ou até
mesmo um smartphone.

4. PÚBLICO BENEFICIADO:
De início, os estudantes do povoado serão os principais beneficiários do projeto, tendo em vista a necessidade
de que estes alunos obtenham o máximo de conhecimento possível para o mercado de trabalho e/ou para
desenvolver seus projetos pessoais. A quantidade de pessoas que poderão se beneficiar vai depender da estrutura
do ambiente de aprendizagem.

5. DESCRIÇÃO DA AÇÃO OU METODOLOGIA:

Descrever com clareza e concisão (cerca de 20 linhas) as etapas necessárias, quais e como serão desenvolvidas as
atividades para atingir os objetivos propostos, incluindo a alocação de recursos humanos necessários para a
efetivação da proposta, possibilitando o entendimento da execução do projeto. Por exemplo, em caso de uma
oficina de informática, para qual pretende-se a destinação de recursos para a aquisição de equipamentos de
informática, as etapas devem prever: compra, instalação de equipamentos, adequação de espaço físico, contratação
de instrutor, início das oficinas, duração do curso, etc. Caso o objetivo seja a qualificação de ação, projeto ou
programa, já em andamento, favor referir. Sugestão: até 20 linhas.

6. IMPACTO:
Segundo a revista Exame o déficit de profissionais de T.I. no Brasil chega a 70 mil anuais, ou seja, tem muita
demanda e pouquíssimos profissionais capacitados para exercer os cargos. A tendencia é que daqui há alguns anos a
maioria dos processos de empresas sejam digitais e com isso a demanda de profissionais aumentará
exponencialmente.
Ao final do projeto os alunos estarão capacitados a entrar no mercado de trabalho e/ou desenvolver seus
próprios projetos utilizando os conhecimentos passados em aula.

7. PARCERIAS E INTERFACES:
Este item deve identificar os apoios externos com quem será executado o projeto. Por interfaces entende-se
órgãos da esfera pública (federal, estadual ou municipal) que cederão suas estruturas técnicas, humanas,
administrativas, financeiras e de materiais, ao projeto. Por parceria entende-se empresas e /ou entidades e/ou
organizações das comunidades que possam apoiar o projeto. Citar o nome da entidade/órgão e tipo de contribuição
(financeira, técnica, RH ou outra). Se necessário, acrescentar mais lihas.
PARCERIA INTERFACE

8. RECURSOS:
8.1 Materiais
Na descrição dos recursos deve constar todo e qualquer material necessário para a execução do projeto. (Ex.: em
caso de reforma, listar os materiais que serão utilizados, tais como: canos, fios, argamassa, tinta, etc.), se necessário
acrescentar mais linhas.
O valor constante deverá estar de acordo com o orçamento de menor valor, dentre os três orçamentos anexados ao
projeto.

MATERIAIS ORÇADOS

Un. Descrição Valor Un. Total1

Total2
Un.= quantidade necessária do material Descrição = descrição do material Valor Un. = Preço de cada unidade do
material, Total1= Un. X Valor Un Total2 = soma coluna Total1

8.2 Financeiros:
Neste item deve constar o valor total do projeto e quanto será financiado pela entidade, parcerias/interfaces
(comprovando a existência dos valores = contrapartida) e pela Justiça Federal.

Total do Projeto Entidade/parcerias e interfaces Justiça Federal

9. CRONOGRAMA DE EXECUÇÃO:
Informar o tempo previsto para a execução de cada uma das etapas e atividades descritas na metodologia Por
exemplo, em caso de aquisição de equipamentos de informática: compra, instalação de equipamentos, adequação
de espaço físico, contratação de instrutor, oficina, curso, etc. Identificando em cada uma destas etapas/atividades o
tempo previsto para seu início e término.

ETAPAS
DU RAÇÃO
Início Término
- Introdução de TI
- Visão geral do mercado
- Introdução do projeto
- Configuração do ambiente de desenvolvimento.

- O que é HTML?
- Anatomia da TAG
- Anatomia HTML
- Um pouco de CSS
- Tag para textos
- Listas
- Links
- Tabelas
- Desafio da Semana

- Formulário
- Imagens
- Vídeo
- Tags não visuais
- Desafio da semana
- Introdução ao CSS
- Anatomia CSS

- CSS interno, inline e externo

- Classes
- Seletores
- Especificidade
- Herança
- Box Model
- Propriedade Display
- Desafio da semana

- Altura e Largura
- Box Sizing
- Propriedade Overflow
- Propriedade Float
- Cores
- Unidades
- Textos
 - Desafio da semana

- Propriedade Position
- Media Query
- Exercício Menu
- Exercício Card

- Flex Box vs CSS Grid

- Flex Box
- Exercício Menu Usando Flex Box
- CSS Grid
- Exercício CSS Grid
- Introdução JavaScript
- Organização Básica do codigo JavaScript
- Executando JavaScript
- Comentarios
- Basico de Let, var e const
- Tipagem
- Tipos em JavaScript
- Desafio da semana
- Tipo Number
- Math
- String
- Template String
- Tipo Boolean
- Básico de Array
- Desafio da semana

10. AVALIAÇÃO:
Prever a metodologia de acompanhamento e avaliação do alcance dos objetivos e dos resultados esperados
(impacto). Sugestão: até 20 linhas

Local e data.
Nome e assinatura do responsável técnico (se houver) e do responsável legal pela Entidade.
 NOTA:
1 - Podem ser apresentadas mais de uma demanda em um único projeto, por exemplo, aquisição
de equipamentos e reforma, desde que a justificativa, objetivos e o público a ser beneficiado por tais demandas
sejam os mesmos. Caso contrário, deverão ser apresentados projetos distintos para cada demanda (no máximo
três), desde que o somatório de seus valores não ultrapasse o limite máximo fixado pelo Programa.
2 – Após concluir a digitação do projeto, apagar todas as instruções de preenchimento,
cabeçalhos e rodapé.
3- Atente para a data de validade/renovação dos documentos que certificam o regular funcionamento
da Entidade junto aos órgãos que regulam a área de atuação da Entidade, em especial, os conselhos municipais,
(CMAS, CMDCA, CMS, CME, etc.).
3 – Em caso de dúvida, quanto à elaboração de projeto, entrar em contato através do e-mail:
ssocial@jfrs.jus.br