Skip to content

irfm1/irfm1.github.io

Repository files navigation

🛡️ Portal Segurança Digital

GitHub Pages License Responsive

Portal Segurança Digital é uma iniciativa de extensão educacional desenvolvida no Instituto Federal de Alagoas (IFAL), com o objetivo de promover o uso consciente e seguro da tecnologia. Este site responsivo e otimizado para dispositivos móveis atua como um repositório aberto de infográficos, tutoriais e materiais didáticos, baseados na Cartilha de Segurança na Internet do NIC.br.

🌐 Acesse o site: https://irfm1.github.io


🎯 Objetivo

Democratizar o acesso à informação sobre segurança digital, com foco em públicos leigos, jovens, adultos e comunidades em situação de vulnerabilidade digital, por meio de linguagem acessível, visual amigável e materiais de fácil compreensão.


✨ Funcionalidades

  • ✅ Página inicial com apresentação do projeto.
  • ✅ Navegação por categorias:
    • Senhas Seguras
    • Golpes e Phishing
    • Privacidade de Dados
    • Fake News e Inteligência Artificial
    • Navegação Segura
  • ✅ Cada categoria contém:
    • Textos explicativos curtos
    • Infográficos otimizados (.webp)
    • Opção de download em PDF
  • ✅ Visualização ampliada dos infográficos (modal).
  • ✅ Menu inferior fixo (estilo aplicativo).
  • ✅ Formulário de contato e envio de feedback.
  • ✅ Acessibilidade (uso de texto alternativo, navegação por teclado).
  • ✅ SEO básico e layout responsivo com Bootstrap.

📁 Estrutura de Diretórios

📦 raiz/
├── index.html                     # Página inicial
├── contato.html                   # Página de contato
├── senhas.html                    # Página sobre Senhas Seguras
├── golpes.html                    # Página sobre Phishing
├── privacidade.html               # Página sobre Privacidade de Dados
├── fakenews.html                  # Página sobre Fake News e IA
├── navegacao.html                 # Página sobre Navegação Segura
├── /css                           # Arquivos de estilos personalizados
├── /js                            # Scripts JS para interatividade
├── /img                           # Infográficos otimizados (.webp)
└── /pdf                           # Versões PDF dos materiais

🤝 Como Contribuir

Quer contribuir com melhorias ou novos conteúdos?

  1. Faça um fork deste repositório.
  2. Crie uma branch com sua alteração: git checkout -b minha-contribuicao.
  3. Faça o commit: git commit -m "Adiciona nova categoria de segurança digital".
  4. Faça o push: git push origin minha-contribuicao.
  5. Abra um Pull Request com uma descrição clara da sua contribuição.

👥 Público-Alvo

  • Estudantes do IFAL (com ênfase nos cursos de TI)
  • Jovens e adultos de escolas públicas
  • ONGs, coletivos, comunidades e grupos com pouco acesso à educação digital
  • Qualquer pessoa interessada em aprender a se proteger online

📚 Créditos

  • Baseado na Cartilha de Segurança na Internet do NIC.br
  • Desenvolvido como ação de extensão no Instituto Federal de Alagoas – Campus Maceió
  • Coordenação pedagógica: Coordenação do curso de BSI
  • Design, conteúdo e desenvolvimento: Ícaro Rodolpho

📜 Licença

Este projeto está licenciado sob a Creative Commons - Atribuição-NãoComercial 4.0 Internacional.
Uso livre para fins educacionais e não comerciais.
Mais informações: https://creativecommons.org/licenses/by-nc/4.0/


🚀 Instalação e Execução

Pré-requisitos

  • Navegador web moderno
  • Servidor web local (opcional, para desenvolvimento)

Executando localmente

  1. Clone o repositório:

    git clone https://github.com/irfm1/irfm1.github.io.git
    cd irfm1.github.io
  2. Execute um servidor local (opcional):

    # Com Python 3
    python -m http.server 8000
    
    # Com Node.js (live-server)
    npx live-server
    
    # Ou simplesmente abra index.html no navegador
  3. Acesse: http://localhost:8000 ou abra index.html diretamente


🛠️ Tecnologias Utilizadas

  • HTML5 - Estrutura semântica
  • CSS3 - Estilização customizada
  • Bootstrap 5 - Framework CSS responsivo
  • JavaScript - Interatividade e modais
  • GitHub Pages - Hospedagem gratuita
  • WebP - Formato otimizado para imagens

🐛 Reportar Problemas

Encontrou algum bug ou tem uma sugestão?

  1. Verifique se já não existe uma issue aberta
  2. Crie uma nova issue descrevendo o problema ou sugestão
  3. Use labels apropriados (bug, enhancement, documentation, etc.)

📊 Status do Projeto

  • v1.0 - Lançamento inicial com 5 categorias
  • 🔄 v1.1 - Em desenvolvimento
    • Modo escuro
    • Busca por conteúdo
    • Novas categorias
    • PWA (Progressive Web App)

📞 Contato

  • Email: Ícaro Moura
  • Instituição: Instituto Federal de Alagoas - Campus Maceió
  • Curso: Bacharelado em Sistemas de Informação

About

Github pages

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •