Escolar Documentos
Profissional Documentos
Cultura Documentos
AUTOR:
Alex Manuel Patreque
Maputo
Julho,2023
INSTITUTO DE TRANSPORTES E COMUNICAÇÕES
Dados do Estágiario
Periodo de Estágio:
Inicio:19 de Maio
Fim:21 de Agosto
Discente: Supervisor
____________________ ___________________
Declaro por minha honra que este trabalho com fim de obtenção do grau técnico de Programacao
Web, é totalmente de minha autoria e que nunca foi usado para nenhum outro fim de obtenção de
nenhum outro grau acadêmico.
O Candidato O Supervisor
______________________
_________________________
Agradecimento ou dedicatória
Em primeiro lugar, agradecer a Deus por ter me dado força, saúde e por ter caminhado comigo
porque sem ele não teria aqui chegado.
Ao meu estimado pai Manuel Patreque Salorenço que de forma incansável não mediu esforço
para me ajudar oferecendo seu apoio incondicional, suprindo as minhas necessidades básicas a
todo momento.
A minha querida mãe Deolinda Manuel Tauancha Salorenco ele pelo carinho e por ter acreditado
em mim ensinando-me a olhar para tras com gratidão e seguir em frente com fé.
Aos meus irmãos pelo apoio em vários momentos, auxílio nas diversas etapas da caminhada,
paciência que tiveram .
Aos demais docentes do Instituto do Transporte e Comunicação, pelos ensinamentos não apenas
acadêmicos, mas também sociais e pelo grande apoio moral. Por fim, mais não menos
importante, deixo uma palavra de gratidão a todas as pessoas que de alguma forma tocaram meu
coração e transmitiram força e confiança em mim durante a carreira acadêmica .
Lista de Abreviatura
WP – WordPress
ASMIJ-Associação para a Saúde Mental Infanto-Juvenil
UBJS-
PME
ACCS em P web-
Índice
1.Introdução....................................................................................................................................................................8
1.1 Objectivos.............................................................................................................................................................9
1.1.1 Objectivo geral...............................................................................................................................................9
1.1.2 Objectivos especificos...................................................................................................................................9
Metodologia................................................................................................................................................................9
2. Historial da empresa...............................................................................................................................................10
2.1 Serviços...............................................................................................................................................................10
3.0 Referêncial Teórico.............................................................................................................................................11
3.1. Programaçāo......................................................................................................................................................11
3.2 Introduçāo ao site................................................................................................................................................13
3.3.2 Planejamento do site....................................................................................................................................14
3.3.3.Desenvolvimento de um Website.................................................................................................................15
3.3.4 Administraçāo do Site..................................................................................................................................16
3.1.2 Importânçia Da Programaçāo Web...........................................................................................................17
3.1.3.Desenvolvimento Responsivo......................................................................................................................18
3.1.3. Segurança...................................................................................................................................................18
3.1.3 Ferramentas Usadas........................................................................................................................................19
3.2 Plugins.................................................................................................................................................................20
4.0. Atividades realizadas.............................................................................................................................................20
5.0.Conclusāo................................................................................................................................................................21
6.0. Bibliografia............................................................................................................................................................22
1.Introdução
O presente relatório visa descrever as atividades desenvolvidas ao longo do estágio curricular
realizado na Associacao Para Saude Mental Infanto Juvenil, uma organização sem fins lucrativos
dedicada a nutrir a saúde mental de crianças e adolescentes em Moçambique
O estágio teve a duração de tres meses e tinha como objetivo o desenvolvimento de um
conhecimento profissional nas áreas de Programaçāo Web e Suporte Informatico , para facilitar a
futura integração no mercado laboral. O trabalho desenvolvido foi muito enriquecedor, pois
permitiu o contacto direto com as atividades efetuadas e desta forma ter algum conhecimento da
vida profissional esperada no futuro.
1.1 Objectivos
1.1.1 Objectivo geral
Relatar minuciosamente todas as actividades exercidas na instituição onde o estagiário
esteve afecto conciliando a pratica com os conhecimentos adquiridos durante as aulas
bem como a aquisição do grau Técnico médio.
2. Historial da empresa
à Associação para a Saúde Mental Infanto-Juvenil (ASMIJ), uma organização sem fins lucrativos
dedicada a nutrir a saúde mental de crianças e adolescentes em Moçambique. Acreditamos que
cada jovem merece a oportunidade de florescer, independentemente das circunstâncias em que
nasceu.
Na ASMIJ, estamos empenhados em criar um futuro mais brilhante e confiante para a juventude
moçambicana. Trabalhamos incansavelmente para proporcionar apoio psicológico, promover a
pesquisa científica e estabelecer parcerias que tenham um impacto vitalício na saúde mental dos
nossos jovens.
A nossa visão é um Moçambique onde cada criança e adolescente possa explorar o seu potencial
e futuro em pleno, livre de doenças ou desafios de saúde mental. Aspiramos a um futuro onde a
nossa juventude seja capaz de prosperar e lidar de forma sustentável com questões de saúde
mental ao longo das suas vidas adultas, ajudando outros a fazer o mesmo e, consequentemente,
criando um ambiente seguro para um espaço saudável de diálogo.
Desde a nossa fundação em 2017, temos trabalhado incansavelmente para criar um futuro mais
brilhante e confiante para a juventude moçambicana. Ao longo dos anos, temos crescido e
evoluído, mas a nossa missão permanece a mesma: promover a saúde mental entre a juventude
moçambicana.
2.1 Serviços
A Rede Nacional de Apoio à Saúde Mental é um programa inovador que visa criar uma rede de
apoio abrangente para criançās e adolescentes que enfrentam desafios de saúde mental em
Moçambique. Trabalhamos em estreita colaboração com profissionais de saúde, educadores,
famílias e comunidades para fornecer recursos e intervenções necessárias para apoiar a saúde
mental dos jovens. Através deste programa, estamos a construir um futuro onde nenhuma criança
ou adolescente tenha que enfrentar desafios de saúde mental sozinho.
3.3.3.Desenvolvimento de um Website
O desenvolvimento de um website envolve várias etapas, desde a concepção da ideia até a
implementação e manutenção contínua.Essas são as etapas que usei no desenvolvimento do
website
1ª fase – Organização da informação: é a fase de organizar as informações que irão compor o site
e adequar documentos e material para serem disponibilizados na web no formato de hipertexto.
Os dados precisam ser acessados e atualizados com facilidade. As imagens de alta qualidade não
são recomendadas nessa fase.
2ª fase – Modelo do site: é a fase de criação do site, quando acontecem as reuniões com toda a
equipe de desenvolvimento. Nessa fase é definida e criada a estrutura de navegação e o projeto
gráfico do site.
3ª fase – Montagem: E a fase de implementar o design usando HTML CSS e JavaScript para
tornar o site interativo e se necessario desenvolver funcionalidades do lado do servidor usando
tecnologias como PHP,Python,Node js.
4ª fase – Testes: são responsáveis pelos últimos ajustes do site; é quando se testa a navegação de
toda a aplicação web, verificando os links dos textos e das imagens. Testes são feitos em
diferentes plataformas e conexões, em diferentes navegadores. Com o site devidamente
construído e aprovado pelo cliente, será colocado no ar em seu próprio domínio.
3.2 Introduçāo ao site
Um Site disponivel na web com vários acessos diários, precisa de uma administração. Essa
função de administrador cabe ao webmaster; são suas atribuições verificar com frequência o
funcionamento do site, a manutenção, o gerenciamento da infraestrutura necessária para
viabilizar os acessos a ele, a divulgação, estatística, checagem dos links; portanto, ele é o
responsável absoluto pelo site. Seu contacto via endereço eletrônico deve estar disponível na
homepage e em outras páginas do site, para que se possa contatá-lo sempre que for necessário. É
na administração do site que se faz a sua divulgação.
O webmaster deve utilizar todos os recursos disponíveis na web para conseguir alcançar um
número significativo de acessos. As principais formas de divulgação on-line são:
• Incluir o site no cadastro dos motores de buscas mais populares da internet, sejam eles
nacionais ou internacionais (Google, Yahoo e outros). Dessa forma, qualquer usuário poderá
encontrar as informações sobre ele sem dificuldade.
• Utilizar banners estrategicamente localizados em páginas de sites que vendem espaço
publicitário.
Na administração do site, a checagem de links ocupa um importante papel; portanto, é
importante estabelecer uma rotina periódica para checagem de links internos e externos. Já existe
software específico para essa tarefa. O webmaster deve diferenciar os links e torná-los fáceis de
visualizar; não devendo usar instruções como “Clique aqui”, como um nome de link; links
coloridos devem ser usados para indicar os que já foram visitados e não visitados; a palavra
“link”não deve ser usada para indicar um link existente na página; indicar a presença do link com
fontes com sublinhado e cor azul. Quando um link estiver vinculado a um arquivo PDF, acionar
um equipamento de áudio ou vídeo, acionar um aplicativo de mensagens de e-mail ou acionar
um outro aplicativo qualquer, ele deve explicar sucintamente o que acontecerá quando for
clicado.
3.1.3. Segurança
As aplicações web têm grandes chances de sofrer ameaças desencadeadas por vários fatores,
como falhas de sistema devido à codificação incorreta, servidores web mal configurados e
problemas no design da aplicação.
As brechas no código ou sistema operacional de uma aplicação podem ser aproveitadas por
cibercriminosos para obter acesso a bancos de dados, servidores e outros dados sensíveis. Os
hackers se aproveitam da sensibilidade dos dados expostos e lançam ataques de ransomware ou
outras formas de fraudes online.
Considerando que 43% das violações de dados são causadas por vulnerabilidades em aplicações
web, adotar as melhores práticas e ferramentas adequadas é um passo fundamental para reduzir
os riscos e aumentar a segurança desses aplicativos.
3.1.3 Ferramentas Usadas
Segundo o Site RockContent.com O WordPress é, um CMS (Content Management System), que
em português significa Sistema de Gerenciamento de Conteúdo.
Em outras palavras, é um sistema usado para administrar sites, blogs, lojas virtuais, portais de
notícia, áreas de membros e outros tipos de página.
Como o próprio nome já diz, o objetivo do CMS é gerenciar o conteúdo de forma simples e
prática.
De forma mais específica, ele tem como missão facilitar a criação e a edição de conteúdos em
um site sem a necessidade de usar uma linguagem de programação.
A ideia é tornar possível que até um produtor de conteúdo sem conhecimento algum em códigos
consiga, de forma simples e intuitiva, gerenciar todo o seu portal, loja ou blog.
Isso engloba a criação de textos, uso de imagens e vídeos, elaboração de formulários, sem contar
as várias opções de personalização do layout do site e muitas outras funções.
A proposta do WordPress é justamente democratizar o desenvolvimento de blogs profissionais
para grandes empresas, para quem tem uma empresa, projeto, portfólio ou qualquer outra ideia.
E com um domínio tão expressivo do mercado, o WordPress obviamente não poderia ser um
sucesso apenas entre os pequenos e médios produtores de conteúdo.
Pelo contrário, já que a plataforma é a escolhida de alguns dos maiores sites do mundo. Isso
inclui as páginas online de grandes marcas, como o blog do console PlayStation, o site da BBC
America e o da Forbes
O WordPress possui duas versões disponíveis aos usuários: a plataforma WordPress.com e
o WordPress.org.
A primeira é um serviço que oferece hospedagem gratuita de blogs e sites com o uso do software
do WordPress.
A segunda é uma plataforma de código aberto, que você pode baixar gratuitamente no site oficial
e instalar em um servidor de sua escolha.
Para usar a plataforma gratuita, e necessario um domínio e de uma hospedagem .
As funcoes do Wordpress sao:
Adicionar, programar e editar posts para o site ou blog como se estivesse escrevendo no Word,
por exemplo;
Inserir e editar arquivos de mídia, como imagens, vídeos e áudios;
Criar novas páginas, menus, categorias e tags para o site;
Moderar os comentários dos visitantes;
Acompanhar dados básicos de acesso;
Editar a aparência do site;
Gerenciar os níveis de permissão para os administradores da página;
Criar, adicionar, editar e excluir plugins e extensões;
Exportar e importar dados do site ou blog.
3.2 Plugins
Um dos plugins que eu mais usei é o Elementor o Elementor é um plugin para criação de sites e
páginas no WordPress. Com ele, é possível escolher e configurar de forma simples desde o layout até
itens de menu, botões, campos para textos e imagens, ícones, divisores, planos de fundo, efeitos,
entre outros.
O Elementor e um editor visual e tudo o que esta sendo construido e mostrado para o usuario em
tempo real no front-end,o que muito útil para quem quer agilizar possiveis ajustes antes da
publicaçāo.
4.0. Atividades realizadas
O Estagio decorreu entre 19 de Maio a 21 de Agosto de 2023, ao longo deste tempo de estágio na
empresa tive a oportunidade de adquirir experiência e aplicar alguns conhecimentos adquiridos
no decorrer do curso na prática. Onde no mesmo sector fui aprendendo durante o período de
estágio as seguintes funções:
Desenvolvimento Front-end: Auxiliei no desenvolvimento de interfaces de usuário
responsivas e amigáveis.Trabalhei com HTML, CSS e JavaScript para criar layouts e
elementos interativos. Participei na criação de páginas web visualmente atraentes.
Otimizacao de Desempenho: Auxiliei na melhoria do desempenho do site ou aplicativo,
otimizando código e recursos. Trabalhei para garantir tempos de carregamento rápidos e
boa experiência do usuário.
Colaboraçao e Comunicaçāo: Participei de reuniões de equipe para discutir progresso,
desafios e soluções. Comuniquei-me com outros membros da equipe, incluindo
desenvolvedores, designers e gerentes de projeto.
Aprendizado e Desenvolvimento:Aproveitei a oportunidade para aprender novas
linguagens, ferramentas e tecnologias.Recebi orientação e feedback de desenvolvedores
mais experientes.
Contribuição para Projetos :Trabalhar em projetos reais, aplicando o que foi aprendido na
faculdade e adquirindo experiência prática.Colaborei na implementacao de novas
funcionalidades e melhorias em projetos existentes.
No presente estagio o meu foco principal foi fazer o site http://florescer.mz.org
consegui aprender varias tecnologias como o proprio Wordpress e seus diversos plugins.
5.0.Conclusāo
Contudo, após a realização do estágio, pude certamente aprender com a prática aquilo que foi
colhido durante as aulas teóricas. Foi de modo essencial a vivência com o mercado de emprego
de forma a não somente construir-me na formação mas também na vida profissional. Pude
também concluir que, o estágio é a melhor forma para sintetizar e por em prática os
conhecimentos teóricos adquiridos durante a formação. O estagio foi de grande valia para o meu
crescimento e aprimoramento profissional,posto que eu nunca tinha trabalhado com uma equipa
tao grande e nem embasado em normas de engenharia de software.
Ao finalizar este estágio de programação, posso afirmar que esta jornada foi fundamental para o
meu desenvolvimento profissional e acadêmico. Durante esse período, pude vivenciar de perto o
ambiente de trabalho em uma empresa do setor de tecnologia, aplicando os conhecimentos
adquiridos ao longo da graduação.
Uma das principais aprendizagens foi a aplicação prática de conceitos teóricos, proporcionando
uma visão mais abrangente e consolidada sobre as linguagens de programação, metodologias de
desenvolvimento e boas práticas de codificação. A participação em projetos reais permitiu-me
enfrentar desafios complexos, estimulando o pensamento crítico e a resolução de problemas de
maneira eficiente.
Destaco ainda a importância do trabalho em equipe, onde a colaboração e a comunicação eficaz
foram fundamentais para o sucesso dos projetos. A interação com profissionais experientes
também proporcionou insights valiosos, ampliando meu entendimento sobre o mercado de
trabalho e suas demandas.
Além disso, a imersão no universo corporativo permitiu-me compreender a importância da
gestão do tempo, priorização de tarefas e a constante busca pela melhoria contínua. Estes
aspectos, somados à experiência prática, certamente contribuirão para meu crescimento
profissional futuro.
Por fim, expresso minha gratidão à equipe da empresa ASMIJ, pela oportunidade concedida,
suporte constante e pela troca de conhecimentos que enriqueceram minha jornada. Este estágio
foi um capítulo fundamental em minha formação, consolidando o aprendizado acadêmico e
preparando-me para os desafios que a carreira de programador reserva
6.0. Bibliografia
Ambientes de Informacao - Rosenville e Morville
HTML & Css Projete e Construa Websites,Jon ducket
Napratica.org.br - Importancia da Programacao
RODRIGUES, A. Desenvolvimento para Internet. Curitiba: Editora LT, 2010.
WWW.Homemmaquina .com.br - Desenvolvimento Responsivo