Usabilidade, Desenvolvimento Web, Mobile e Jogos

Disciplina

Aprendendo programação.

• Plano de Ensino 2025-1
• Professores e Cronogramas 2025-1:
  • Florianópolis:
    • 3ª Feira - Richard Henrique de Souza - Prática/Laboratório
    • 6ª Feira - Saulo Popov Zambiasi - Teórica/Sala de Aula
  • Pedra Branca:
    • 4ª Feira - Saulo Popov Zambiasi - Prática/Laboratório
    • 4ª Feira - Adriano Costa Moura - Prática/Laboratório
    • 5ª Feira - Ricardo Assink - Teórica/Sala de Aula
• UWMJ - Ambiente de Desenvolvimento

Conteúdo

• Considerações sobre Aulas Virtuais.
• Apresentação

Usabilidade

• Usabilidade / UX – User Experience / IHC - Prof. Roberto Marcos Kalili
• UWMG - Busca Ativa

Desenvolvimento Web

• Apresentação

PARTE 1 - HTML 5

• Elementos e Protocolos da World Wide Web
• HTML e CSS
• Bootstrap
• Javascript: introdução
• javascript: elementos básicos da linguagem
• javascript: classes e objetos
• Javascript: Arrow Functions
• Javascript: elementos dinâmicos
• Javascript: consumindo serviços web
• Javascript: CRUD Rest
• JavaScript e API RESTFul (exemplo)

PARTE 2 - REACT.JS

• React.js Render HTML
• React.js: Criação de um aplicativo
• Componentes React.js
• React.js: Estados e Eventos
• React.js: Menus e alternando conteúdos
• React.js: Formulários
• Consumindo API com React.js Videoaula
• React.js: CRUD Rest
• Instalando uma Aplicação React.js
• React.js: Atividades
• Videoaula de React.js
• Dica de ferramenta codepen.io

Desenvolvimento Mobile

Flutter

• Instalar Flutter no Windows
• Flutter - Introdução - Videoaula
• Flutter - ListView
• Flutter - Gerenciando uma ListView
• Flutter - Consumindo API
• Flutter - CRUD Rest
• Flutter - Persistência

Material Complementar

• MIT App Inventor:
  • MIT APP Inventor 2 - Introdução - Videoaula
  • MIT APP Inventor 2 - Agenda - Videoaula
• Disciplina de Programação para Dispositivos Móveis

Computação Gráfica e Jogos Digitais

• Computação Gráfica: Introdução ao PyGame
• Geometria
• Vetores e Trigonometria
• Transformações em Imagens Vetoriais no Plano
• Transformações em Imagens Vetoriais no Espaço
• Perspectiva ou Projeção Cônica

Jogos Digitais

Concepção

• Histórico
• Visão Geral
• Livro: Artes do Videogame
• Mitologia, folclore e estética
• Alguns estilos de ficção
• História, enredo, roteiro
• Narrativa e dramaturgia
• Regras do Jogo
• Jogos Digitais - Aula03 - Exercícios

Game Design

• Game Designers Famosos
• Game Design Document
• Template de Ficha de Personagem - DOC - PDF
• Game Design Document: Exemplo de Template/Projeto de GDD
• GDD Exemplo 01: As Aventuras de Jackie e Tony
• GDD Exemplo 02: Arcana Project
• Livro: Ludificador: um guia de referências para o game designer brasileiro.
• Livro: Gameplay: ensaios sobre estudo e desenvolvimento de jogos.
• Atividade de Game Design

Godot Engine

Os exemplos foram ajustados para o Godot 4.

• Unity VS Godot: How Do They Compare? Vídeo comparando o Godot Engine com o Unity.
• Godot Engine
• Godot Engine: Introdução à Aula Prática - Parte I
• Godot Engine: Introdução à Aula Prática - Parte II
• Godot Engine: Hello Game World!
• Godot Engine: Bad Turtles
• Godot Engine: SkyFire
• Godot Engine: Personagens 3D
• Fazendo uma requisição HTTP com Godot
• The Godot 2022 Showreels
• The Godot 2023 Showreels
• The Godot 2024 Showreels
• Vídeos de Godot da Professora Erica
• Material Antigo:
  • Godot Engine: Exercicio 1 - Resolução

Aulas Gravadas

• 19/09/2022 Javascript
• 02/09/2022 Bootstrap
• 09/09/2022 React.js
• 16/09/2022 Consumindo serviços em React.js
• 23/09/2022 Introdução ao Flutter
• 30/09/2022 Componentes Visuais e Listas
• 07/10/2014 Consumindo API
• 14/10/2022 Persistência
• 21/10/2022 Jogos Digitais: Histórico / Visão Geral / Game Design
• 04/11/2022 Godot Engine / GDScript / Hello game world!
• 11/11/2022 Exemplo de jogo em Godot passo a passo
• 18/11/2022 Outro game passo a passo: SkyFire
• 25/11/2022 Godot Engine: Personagem 3D

Material Complementar

• Disciplina de Desenvolvimento de Jogos Digitais

Atividades

As avaliações variam de semestre para semestre. Verificar com os professores quais são as avaliações que serão aplicadas na sua turma antes de ir fazendo.

• UWMG - Avaliação final A3
  • Essa atividade segue no formato de Aprendizagem Baseada em Projetos

Dicas

Cursos Gratuitos

• Fundação Bradesco / escola virtual: https://www.ev.org.br/areas-de-interesse
• link de cursos de programação: https://www.ev.org.br/areas-de-interesse/programacao

Links

• GDScript Cheatsheet: a handy reference for both beginners and experienced GDScript users
• Val Town: Plataforma voltada para desenvolvedores, projetada para facilitar a escrita, execução e hospedagem de funções em JavaScript ou TypeScript diretamente na nuvem. Ela combina elementos de programação e infraestrutura, permitindo que os usuários criem "vals" (funções ou variáveis persistentes) que podem ser facilmente chamadas via API, integradas com outros serviços, ou usadas para automação de tarefas.
• The Future of Game Development (Youtube)
• Dart Pad
• Dicas do Visual Studio Code
• Install Flutter Windows (inglês)
• Flutter - Gerando Release APK para Android
• Repositório de APIs
• FlutLab: Ambiente online de desenvolvimento de Flutter
  • Alterar o arquivo pubspec.yaml, em environment, colocando a partir da versão 2.17 no sdk (sdk: ">=2.17.0 <3.0.0");