Usabilidade, Desenvolvimento Web, Mobile e Jogos

Disciplina

• Plano de Ensino 2024-2
• Professores:
  • Segunda-Feira (teórica-virtual):
  • Terça-Feira (prática):
    • Saulo Popov Zambiasi (saulopz@gmail.com)
• Cronograma 2024-2

Conteúdo

• Considerações sobre Aulas Virtuais.
• Apresentação
• Dicas Gerais e Avaliações

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: elementos dinâmicos
• Javascript: consumindo serviços web
• Javascript: CRUD Rest
• JavaScript e API RESTFul (exemplo)

PARTE 2 - REACT.JS

• JavaScript: Classes, Arrow Functions e Variáveis
• React.js Render HTML
• React.js: Criação de um aplicativo
• Componentes React.js
• React.js: Estados e Eventos
• 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

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: 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
• 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

• 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");