Post Teste

[TESTE BLOG] Desenvolvimento de Aplicações na Web (ODAW)

11/02/2026

🚀 O que é ODAW?

Desenvolvimento de Aplicações na Web (ODAW) abrange o histórico e os conceitos fundamentais relacionados à Internet e à Web. O objetivo da disciplina é capacitar o aluno no conhecimento das tecnologias e desenvolvimento de um ambiente/aplicação protótipo completo.

A ementa explora desde o design estático até o dinâmico (com acesso a banco de dados), unindo o desenvolvimento orientado ao usuário com conceitos vitais de Acessibilidade, Usabilidade, Design Responsivo e Segurança na Web.

🗺️ Roadmap da Disciplina

Tópicos e conteúdos práticos que são abordados durante o semestre:

  • Introdução e Evolução: Conceitos básicos de Internet, evolução da Web e Internet das Coisas (IoT).
  • Estruturação e Marcação (HTML & HTML5):
    • Listas, Tabelas e Formulários.
    • Tags Semânticas, Mídias (Áudio/Vídeo) e Elementos Gráficos (Canvas, SVG).
  • Apresentação e Estilo (CSS & CSS3):
    • Estilos (Inline, Interno e Externo).
    • Templates, RWD Frameworks (Bootstrap, W3.CSS, Pure CSS).
    • Flexbox e Grid Layout.
  • Programação Client-Side (JavaScript):
    • Lógica, eventos, tratamento de DOM.
    • Validações de formulários (RegExp, lógicas matemáticas).
  • Programação Server-Side (PHP Moderno):
    • Configuração do Servidor (Apache + PHP + MySQL).
    • Processamento GET/POST, Sessões e Cookies.
    • Autenticação e Criptografia.
  • Integração com Banco de Dados
  • Pesquisas e Novas Tecnologias (Seminários): Ferramentas emergentes, Frameworks e Arquiteturas.
  • Projeto Final: Elaboração e implementação de uma aplicação Web robusta.

🛠️ Materiais e Ferramentas

Informações gerais para as aulas e configuração de ambiente.

📌 Informações Básicas

  • 🕒 Aulas: Terças e Quintas, 15:20h
  • 📍 Local: Laboratório F307
  • 🌐 Plataforma: Moodle UDESC

💻 Ambiente de Desenvolvimento e Base de Estudos

  • 📚 W3Schools: Principal referência documentacional (HTML, CSS, JS, PHP).
  • ⚙️ Setup Local: Instalação do conjunto base Apache + PHP + MySQL (Linux Ubuntu ou Windows).

📚 Conteúdos Gerais e Exercícios Práticos

A disciplina utiliza um formato prático onde o aluno define um Tema Central (ex: Locadora de Veículos, Venda de Carros, Fórum, Livros) e aplica todas as tecnologias aprendidas em um projeto cumulativo de 10 exercícios.

📄 1. Estruturação Básica (HTML)

  • Exercício 1 a 3: Criação de estrutura HTML inicial com inserção de textos, imagens e links. Evolução para construção de Listas, Tabelas e Formulários, finalizando com integração de marcações avançadas do HTML5 (Semântica, Áudio/Vídeo, Canvas).

🎨 2. Design e Layout (CSS)

  • Exercício 4 a 6: Início da estilização padrão. Implementação de novas classes/ids utilizando as formas externa, interna e inline. Consolidação de layouts complexos com auxílio de Templates ou RWD Frameworks (Bootstrap, W3.CSS).

⚡ 3. Interatividade e Dinamismo (JavaScript)

  • Exercício 7 e 8: Implementações de manipulação do DOM. Exercícios cobrindo interações (alerts, caixas de texto), estruturas lógicas, tratamento de strings/arrays/datas e validação robusta de dados em formulários (uso de Expressões Regulares).

⚙️ 4. Regras de Negócio e Backend (PHP)

  • Exercício 9 e 10: Configuração backend inicial. Uso de funções para tratamento de strings/arrays, gerenciamento de contadores baseados em arquivos .txt, controle de acesso com Cookies e Sessions. Processamento massivo de formulários (GET e POST) finalizando com Autenticação, Validação Server-side e Criptografia.

🗣️ Seminários e Tecnologias Emergentes (Trabalho 1)

Como complemento da disciplina, os alunos desenvolvem resumos expandidos e pesquisas das principais tecnologias adotadas na indústria web:

Categoria Assuntos Abordados
Front-end / Frameworks Angular, Vue, CSS3 + Frameworks, TypeScript
Back-end / Arquitetura Python (em Dev. Web), Laravel Framework, LUA
Padrões e Ferramentas WebAssembly, Web Semântica
UX & Segurança Acessibilidade e Usabilidade, Design Responsivo, Segurança Web

👩‍🏫 Sobre a Professora

👤 Profª. Dra. Débora Cabral Nazario 📧 Contato: debora.nazario@udesc.br 🔗 Lattes: Acessar Currículo Lattes 🏢 Departamento: Ciência da Computação (CCT-DCC)

Formação Acadêmica:

  • 🎓 Graduação em Ciências da Computação (UFSC, 2001)
  • 🎓 Mestrado em Ciências da Computação (UFSC, 2003)
  • 🎓 Doutorado em Engenharia e Gestão do Conhecimento (UFSC, 2015)

Atualmente é professora efetiva da Universidade do Estado de Santa Catarina (UDESC) atuando na instituição desde 2004.

"A Web não conecta apenas máquinas, ela conecta pessoas." 🌐✨
Voltar para a página inicial