Exibir código-fonte para Usabilidade, Desenvolvimento Web, Mobile e Jogos

= Disciplina =

[[Arquivo:Learning programming meme.png|miniaturadaimagem|Aprendendo programação.]]

*[https://saulo.arisa.com.br/aulas/unisul/uwmg/Unisul%20UWMG%20PlanoEnsino%2020242.pdf Plano de Ensino 2024-2]
* Professores:
**'''Segunda-Feira (teórica-virtual)''':
***
**'''Terça-Feira (prática)''':
***Saulo Popov Zambiasi ([mailto:saulopz@gmail.com saulopz@gmail.com])
*[https://saulo.arisa.com.br/aulas/unisul/uwmg/Unisul%2020242%20UWMG%20Cronograma%20Saulo.pdf Cronograma 2024-2]
*[[UWMJ - Ambiente de Desenvolvimento]]

= Conteúdo =

* Considerações sobre [[Aulas Virtuais]].
<!--
* [https://sites.google.com/view/techincommunity/ Desafio UC Dual firmada com a Senior]
-->
* [https://saulo.arisa.com.br/aulas/unisul/uwmg/uwmg_apresentacao.pdf Apresentação]
* [https://saulo.arisa.com.br/aulas/unisul/uwmg/uwmg_dicas.pdf Dicas Gerais e Avaliações]

== Usabilidade ==

* [https://saulo.arisa.com.br/aulas/unisul/uwmg/Aula%20IHC%20-%20UX.pdf Usabilidade / UX – User Experience / IHC] - Prof. Roberto Marcos Kalili
* [[UWMG - Busca Ativa]]

== Desenvolvimento Web ==

* [https://saulo.arisa.com.br/aulas/unisul/uwmg/aula01_web.pdf 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]]
* [https://github.com/saulopz/exemplo_web_app 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]] [https://youtu.be/vhUd5XY9TsY Videoaula]
* [[React.js: CRUD Rest]]
* [[Instalando uma Aplicação React.js]]
* [[React.js: Atividades]]
* [https://youtu.be/tj4mZmf359o Videoaula de React.js]
* Dica de ferramenta <code>[https://codepen.io codepen.io]</code>

== Desenvolvimento Mobile ==

; Flutter

* [https://youtu.be/dpppZ9ySJSY Instalar Flutter no Windows]
* [[Flutter - Introdução]] - [https://youtu.be/UHW-1TVpfSY Videoaula]
* [[Flutter - ListView]]
* [[Flutter - Gerenciando uma ListView]]
* [[Flutter - Consumindo API]]
* [[Flutter - CRUD Rest]]
* [[Flutter - Persistência]]

; Material Complementar

* MIT App Inventor:
** [https://arisa.com.br/~saulo/aulas/unisul/mobile/mi2hello.pdf MIT APP Inventor 2 - Introdução] - [https://youtu.be/NXW7-Ku2Vb8 Videoaula]
** [[MIT APP Inventor 2 - Agenda]] - [https://youtu.be/PQVlWlZw-8k Videoaula]
* Disciplina de Programação para [[Dispositivos Móveis]]

== Jogos Digitais ==

<!--
<center>[[Image:LudumDare51.jpeg|600px|link=https://ldjam.com/]]</center>
-->

=== Concepção ===

* [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula01/historia.pdf Histórico]
* [https://saulo.arisa.com.br/aulas/unisul/games/intro_games.pdf Visão Geral]
* Livro: [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula01/artesdovideogame.pdf Artes do Videogame]
* [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula02/Mitologia.pdf Mitologia, folclore e estética]
* [https://saulo.arisa.com.br/aulas/unisul/games/aula05/estilos.pdf Alguns estilos de ficção]
* [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula02/historia_enredo_roteiro.pdf História, enredo, roteiro]
* [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula03/narrativa_dramaturgia.pdf Narrativa e dramaturgia]
* [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula03/Regras_jogo.pdf Regras do Jogo]
* [[Jogos Digitais - Aula03 - Exercícios]]

=== Game Design ===

* [https://{{SERVERNAME}}/aulas/unisul/games/aula05/Designers_Famosos.pdf Game Designers Famosos]
* [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula05/GDD_Lima.pdf Game Design Document]
* Template de Ficha de Personagem - [https://arisa.com.br/~saulo/aulas/unisul/games/aula05/FichaDePersonagens.doc DOC] - [https://arisa.com.br/~saulo/aulas/unisul/games/aula05/FichaDePersonagens.pdf PDF]
* [[Game Design Document]]: Exemplo de Template/Projeto de GDD
* [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula05/GDD_exemplo01.pdf GDD Exemplo 01: As Aventuras de Jackie e Tony]
* [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula05/GDD_exemplo02_Arcana_Project.pdf GDD Exemplo 02: Arcana Project]
* Livro: [https://{{SERVERNAME}}/~saulo/aulas/unisul/games/aula05/ludificador.pdf Ludificador]: um guia de referências para o game designer brasileiro.
* Livro: [http://www.ppgdesign.unb.br/images/livros/gameplay.pdf Gameplay]: ensaios sobre estudo e desenvolvimento de jogos.
* [[Atividade de Game Design]]

=== Godot Engine ===
Os exemplos foram ajustados para o Godot 4.
*[https://youtu.be/kahPeM0scpM Unity VS Godot: How Do They Compare?] Vídeo comparando o Godot Engine com o Unity.
* [https://godotengine.org/ Godot Engine]
* [[Godot Engine: Hello Game World!]]
*[[Godot Engine: Bad Turtles]]
* [[Godot Engine: SkyFire]]
* [[Godot Engine: Personagens 3D]]
* [https://docs.godotengine.org/en/stable/tutorials/networking/http_request_class.html Fazendo uma requisição HTTP com Godot]
* [https://godotengine.org/article/announcing-godot-2022-showreels The Godot 2022 Showreels]
* [https://youtu.be/W1_zKxYEP6Q?si=JZ4EajewgQJlOnf5 The Godot 2023 Showreels]
* [https://youtu.be/n1Lon_Q2T18?si=EEo8LdcwksPbxQZ6 The Godot 2024 Showreels]
* [https://www.youtube.com/channel/UCFJB0cXAdyy59TohBR0JIMw Vídeos de Godot da Professora Erica]
* Material Antigo:
** [[Godot Engine: Exercicio 1 - Resolução]]

== Aulas Gravadas ==

* [https://animaeducacao.zoom.us/rec/share/hLsEXlmj5YQY0DAkVr0iBPFIfY3qzZQ4BirStN4loaCTBwZ5yu4N0z-1SpUqoJKT.KBIMx8LkQwynklzf?startTime=1660945901000 19/09/2022 Javascript]
* [https://animaeducacao.zoom.us/rec/share/SJxKG-V8Vn4pGJwRK6dxjWAZtLivuM8lR30B1zpamIcqH9JQmyH4j188DoKL4Tar.G3VlvXSmTXntPWUC 02/09/2022 Bootstrap]
* [https://animaeducacao.zoom.us/rec/share/hJccGKYgdetC7YIi3EN3g-aUB0q4xT-BKbzh0brLHKDNHxPvzuaI1qlmS78QyaNY.ZeuAESzHN3hki_2m 09/09/2022 React.js]
* [https://animaeducacao.zoom.us/rec/share/uMm7etSH-kC6Y4v78_jDy5kemHAkdPL3sJmP8sqQW04fwG4F1F2OWsDlPrLPfmW6.LfXnz1Hz6Nb-_-O9 16/09/2022 Consumindo serviços em React.js]
* [https://animaeducacao.zoom.us/rec/share/kBiVxoSw4vgtE7ODnHw36F0c_LYzfO7aNYOF-Nl4NE7E4y7xjVdO7MHrFfm1OzeA.f60q-BaaHfd8M8zU 23/09/2022 Introdução ao Flutter]
* [https://animaeducacao.zoom.us/rec/share/gcTW9jJa-E96zCYV_YCW6HgQ1Lxa16p-z-PN3MlT90aQqukNHvh5P7LfA0S8ZS0.MTIzbGebEq2DlKdM 30/09/2022 Componentes Visuais e Listas]
* [https://animaeducacao.zoom.us/rec/share/7A2HbRNX_cJ4UwSEMZdemuvREHzgMb-wGrg5MRYmltlC9zJV8EWO6u9IQAsN4SaC.kZcP_-QM7JdfZwAn?startTime=1665179505000 07/10/2014 Consumindo API]
* [https://animaeducacao.zoom.us/rec/share/kKLysA4qbLlkJr902oJtc0FHwgNAiwzll6UZqhW5a-h-rplv7QHFmjhve9IztIdC.PslHzpQJNi9bR0CZ 14/10/2022 Persistência]
* [https://animaeducacao.zoom.us/rec/share/1BbAtV7GbQR6pS8QJM7Hp1TPRaLeOhNILfau9omF7EXR0tEXYJhL4L_Vn6I3-don.IwE5L-TJ9nuZFTS1?startTime=1666389342000 21/10/2022 Jogos Digitais: Histórico / Visão Geral / Game Design]
* [https://animaeducacao.zoom.us/rec/share/iXVHlpiLvDFcC5mbCkvdt0Wq4vqBE0dEwLuwK1FIZd09H95CbBmP9_szk3gL_7c.2q5_n6-MgkqUzs2- 04/11/2022 Godot Engine / GDScript / Hello game world!]
* [https://animaeducacao.zoom.us/rec/share/sDlVyIJDbmyUxPkLS_oh0gcycRi4VrMMtFWtFpXrc0Y13aALzAIpXOiHnFMyVE_X.5x0vF-qgQa8az470 11/11/2022 Exemplo de jogo em Godot passo a passo]
* [https://animaeducacao.zoom.us/rec/share/pThC3em02ULwFHH4J5WBRMWJlq1klk6qqxdqX-C0Nt7sXIsc25S7RYs8ATneJTI.dXsMLjTixKZnXN5q 18/11/2022 Outro game passo a passo: SkyFire]
* [https://animaeducacao.zoom.us/rec/share/6163fLNIREkbwGnl28rQg2DFO4rOz8VNOeiP5S-oap26DJ1BbmxEpc6yKrjDoTTb.l7LfmKgwztIlj5TZ?startTime=1669413254000 25/11/2022 Godot Engine: Personagem 3D]

=== Material Complementar ===

* Disciplina de Desenvolvimento de [[Jogos Digitais]]

= Atividades =

<!-- * [https://sites.google.com/view/techincommunity/ Desafio UC Dual firmada com a Senior] -->

{{tip|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 - Busca Ativa]] -->
* [[UWMG - Avaliação final A3]]
** Essa atividade segue no formato de [[Aprendizagem Baseada em Projetos]]

<!--
= Hackathon =

{{tip|Olá pessoal! 
Durante a nossa Tech Week Experience teremos o HACKAHUB🚀

; O que é o HACAKHUB?

É um hackaton para produção de uma tecnologia inovadora para ajudar às familias das comunicades que recebem apoio da Gerando Falcões! 

Este evento conta com a parceria e patrocínio (inclusive com prêmios 😱) da PMI e  da Microsoft. 

; Quando será o HACKAHUB?

O Hackathon acontecerá nos dias 26 (abertura) 27 e 28 de Agosto, de forma Híbrida, em todo o Brasil. 

Esse Hackaton é diferenciado, pois além de concorrer a prêmios, conexões e certificados, estaremos trabalhando em algo para impacto social! 

; O evento será híbrido com participação de alunos de todo Ecossistema digitalmente e sediado presencialmente no campus UNI BH com alunos da UNA e UNI participando. Tá esperando o que para reservar sua barraca! 

‼️Para participar basta fazer sua inscrição em https://www.sympla.com.br/hackhub---hackathon-do-anima-hub__1685389

Atenção: as inscrições vão até dia 24/8 e tem vagas limitadas. Por isso corra, e garanta já a sua.}}
-->

= 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 =

* [https://www.val.town/ 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.
* [https://youtu.be/EYt6uDr-PHQ?si=6I7OU45DHdJCs6Tl The Future of Game Development (Youtube)]
* [https://dartpad.dev Dart Pad]
* [[Dicas do Visual Studio Code]]
* [https://youtu.be/bG4fWfJRiY0 Install Flutter Windows] (''inglês'')
* [https://youtu.be/e18HtjjoqFM Flutter - Gerando Release APK para Android]
* [https://mundoapi.com.br/apis-publicadas/ Repositório de APIs]
* [https://flutlab.io/ 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");