Projeto de Extensão de Desenvolvimento WEB

Desenvolvimento Web é um curso tecnólogo voltado para quem quer criar, publicar e manter soluções digitais, de sites institucionais a aplicações interativas. O projeto de extensão integra esse percurso em todos os semestres, ligando as disciplinas de programação, design e usabilidade a situações reais de empresas, entidades sociais ou empreendedores locais. Os modelos disponíveis aqui vêm em Word editável e PDF, estruturados nas normas ABNT, com capa, sumário e referências já no padrão das faculdades EAD. A metodologia PDCA organiza o raciocínio de cada projeto, e os temas dialogam com Objetivos de Desenvolvimento Sustentável sempre que o contexto permitir. Você escolhe o modelo mais próximo do que a disciplina pediu, adapta ao seu cenário e ganha tempo na parte mais trabalhosa do processo.

Modelos disponíveis de Projeto de Extensão de Desenvolvimento WEB

Projeto de Extensão II Desenvolvimento Web

Projeto de Extensão III Desenvolvimento Web

Projeto Integrado Inovação Desenvolvimento WEB Desenvolvimento de um Portal de Agendamento para uma Clínica Médica

Projeto integrado TI Data Lake

R$ 50,00

Ver todos os modelos de Projeto de Extensão de Desenvolvimento WEB →

Modelos específicos de Projeto de Extensão de Desenvolvimento WEB

Por Objetivo de Desenvolvimento Sustentável (ODS)

Projeto de Extensão em Desenvolvimento WEB com foco no ODS 9: Indústria, Inovação e Infraestrutura

Por tema de intervenção

Como fazer o projeto de extensão de Desenvolvimento Web passo a passo

Comece escolhendo um problema real e palpável: uma padaria do bairro que só vende pelo WhatsApp e perde pedido, ou a secretaria de uma escola que controla matrículas em planilha solta. Esse contexto vira o seu sistema web.

Faça o diagnóstico medindo o site atual com o Google Lighthouse e o PageSpeed Insights, e cheque acessibilidade pela cartilha do W3C (WCAG) e pela Lei Brasileira de Inclusão; anote tempo de carregamento, erros de formulário e taxa de abandono.
Defina o público-alvo (por exemplo, clientes da padaria que pedem pelo celular) e fixe um objetivo claro, como reduzir cliques até finalizar um pedido ou colocar o cardápio responsivo no ar.
Planeje a ação em ciclos PDCA: Planejar a arquitetura e o banco de dados, Fazer o desenvolvimento em HTML, CSS e JavaScript (ou React), Checar com testes em celulares reais e Agir corrigindo o que travou os usuários.
Fundamente as escolhas em referências da área (Pressman sobre engenharia de software, documentação do MDN, guias de UX de Nielsen) e formate citações e referências pelas normas ABNT NBR 6023 e 10520.
Registre os resultados com prints, métricas antes e depois e o link do deploy, depois conclua mostrando o impacto na comunidade atendida.

Nos primeiros semestres você entrega uma landing page estática bem feita; nos seguintes evolui para sistemas com login, banco de dados e API, aprofundando o projeto conforme avança no curso.

Ideias de tema para o projeto de extensão de Desenvolvimento Web

Veja ações concretas que cabem na realidade de quem estuda Desenvolvimento Web:

Criar o site responsivo de uma associação de moradores com agenda de reuniões e formulário de contato.
Desenvolver um cardápio digital com QR Code para um restaurante familiar do bairro.
Montar um sistema de agendamento online para um posto de saúde ou clínica popular.
Construir um portal de divulgação de vagas para uma ONG que apoia jovens aprendizes.
Fazer a loja virtual simples de uma artesã, com catálogo e botão de pedido pelo WhatsApp.
Programar um painel de transparência que mostre as doações recebidas por um abrigo de animais.
Desenvolver um aplicativo web de reforço escolar com quiz interativo para uma escola pública.

Perguntas frequentes

Qual é o foco do projeto de extensão em Desenvolvimento Web?

O projeto costuma girar em torno da criação ou melhoria de uma presença digital para uma organização real, como um site, uma loja virtual simples ou uma página de apresentação de serviços. O objetivo é mostrar como as competências do curso geram valor para uma comunidade ou empresa. O modelo já guia o aluno nesse processo, do diagnóstico à proposta de solução.

Preciso entregar um site funcionando ou basta o projeto documentado?

Na maioria das faculdades EAD, o projeto de extensão é um trabalho documental: você planeja, descreve e justifica a solução, sem obrigação de hospedar o site. Algumas instituições aceitam ou até pedem um protótipo, então vale confirmar com o professor antes de começar. Os modelos cobrem bem o formato documental completo.

Como as normas ABNT se aplicam a um projeto de tecnologia web?

As normas ABNT regulam a forma, não o conteúdo: definem como deve ser a capa, a margem, o espaçamento, o sumário e as referências bibliográficas. O arquivo em Word que você recebe já vem com tudo isso configurado, então você se concentra em preencher o conteúdo técnico sem se preocupar com formatação.

Posso usar uma ONG ou um negócio local como parceiro do projeto?

Sim, e é uma ótima escolha. ONGs, pequenas empresas e empreendedores que ainda não têm presença digital são parceiros ideais para projetos de Desenvolvimento Web. Eles se beneficiam da proposta, e você tem um contexto real para documentar. Adapte o modelo ao perfil da organização escolhida.

O que diferencia o projeto de extensão de Desenvolvimento Web de um trabalho acadêmico comum?

O projeto de extensão tem caráter social: a proposta deve beneficiar alguém fora da universidade, seja uma empresa, uma comunidade ou uma organização. Isso muda o foco do trabalho, que deixa de ser só técnico e passa a incluir diagnóstico do contexto, identificação de necessidades e avaliação do impacto da solução proposta.

Cursos relacionados na área de Tecnologia da Informação

Ainda decidindo? Veja também os modelos de projeto de extensão de outros cursos da mesma área: