Capacitação II [UI Tech novation for Girls 22]

A Unicap Icam (UI) Tech School for girls é uma iniciativa da UNICAP ICAM TECH para o incentivo e desenvolvimento de competências e habilidades nas meninas das escolas públicas e privadas e nas estudantes dos cursos de graduação e tecnólogo da UNICAP nas área de STEM (Ciência, Tecnologia, Engenharia, Matemática). O objetivo da escola é capacitar e realizar mentorias para meninas de 8 a 17 anos no período de 3 (três) meses para participação do
maior campeonato mundial de tecnologia e empreendedorismo feminino, o Technovation Girls.

Transcript

1. UI Tech Novation for girls Semana de Capacitação para o Projeto
2. DIA 2 Como identificar um problema a ser resolvido IDEAÇÃO UI TECH NOVATION FOR GIRLS
3. O QUE VEREMOS HOJE? OS 7 PASSOS PARA UMA IDEAÇÃO DE SUCESSO 1 - Conhecendo sua comunidade 2 - Brainstorm de problemas 3 - Resolvendo problemas com telefones celulares 4 - Selecionando problemas 5 - Escrevendo uma declaração do problema 6 - Mínimo produto viável (MVP) 7 - Protótipo em papel UI TECH NOVATION FOR GIRLS
4. FASE DA IDENTIDADE 1° PASSO: CONHECER SUA COMUNIDADE UI TECH NOVATION FOR GIRLS
5. - Definição de comunidade: Pode ser definida como um grupo de pessoas que possuem interesses em comum. - Tipos de Comunidades: (baseadas em localização, identidade, religiosas) ENTENDENDO A SUA COMUNIDADE UI TECH NOVATION FOR GIRLS
6. FASE DAS IDEIAS 2° PASSO: BRAINSTORM DE PROBLEMAS UI TECH NOVATION FOR GIRLS
7. TIPOS DE PROBLEMAS OS 17 OBJETIVOS DA ONU Antes de fazer um brainstorming de problemas, pode ser útil pensar em algumas categorias de problemas. Muitas das categorias a seguir incluem Objetivos de Desenvolvimento Sustentável (ODS): são um apelo global à ação para acabar com a pobreza, proteger o meio ambiente e o clima e garantir que as pessoas, em todos os lugares, possam desfrutar de paz e de prosperidade. Estes são os objetivos para os quais as Nações Unidas estão contribuindo a fim de que possamos atingir a Agenda 2030 no Brasil. sdg-1 UI TECH NOVATION FOR GIRLS
8. UI TECH NOVATION FOR GIRLS
9. TIPOS DE SOLUÇÕES Melhore algo que já existe. Melhorar Educar pela sensibilização e ajudando a causar mudanças no comportamento das pessoas. Educar Invente uma solução, tecnologia ou maneira de fazer as coisas completamente nova. Inventar Aplicar uma abordagem existente para uma nova situação. Aplicar Reduza o custo de algo que já existe. Reduzir Qual escolher? UI TECH NOVATION FOR GIRLS ENQUANTO VOCÊ FAZ BRAINSTORMING DE PROBLEMAS, TAMBÉM É NATURAL PENSAR EM SOLUÇÕES AO MESMO TEMPO. ANTES DE PENSAR EM SOLUÇÕES, PODE SER ÚTIL PENSAR EM COMO AS SOLUÇÕES PODEM SER INOVADORAS. VAMOS CONSIDERAR O QUE TORNA ALGO UMA INOVAÇÃO , OU A CRIAÇÃO DE UM NOVO PRODUTO OU FORMA DE FAZER AS COISAS QUE AGREGA VALOR AO MUNDO. ELES PODEM:
10. Também conhecida como árvore de falhas, a metodologia 5 Porquês é uma ferramenta desenvolvida para encontrar a causa raiz de um problema. A ferramenta consiste em perguntar cinco vezes seguidas o porquê para um problema sempre relacionando a causa anterior. Terminando as 5 perguntas será encontrada a causa raiz do problema, que se for corrigido deverá evitar o reaparecimento do mesmo. ÁRVORE DOS PORQUÊS DESTRINCHANDO UM PROBLEMA UI TECH NOVATION FOR GIRLS
11. BRAINSTORM UI TECH NOVATION FOR GIRLS
12. SOLUÇÕES NAS MÃOS 3° PASSO: RESOLVENDO PROBLEMAS COM TELEFONES CELULARES UI TECH NOVATION FOR GIRLS
13. Se sim, adicionar tecnologia o torna melhor? Isso poderia ser feito sem nenhuma tecnologia? Como podemos aproveitar as principais ferramentas do celular em nossa solução? Se sim, transformá-lo em um aplicativo o torna melhor? Poderia ser um site em vez de um aplicativo para celular? Após esse brainstorm, pergunte a si mesma: UI TECH NOVATION FOR GIRLS
14. FASE DOS PROBLEMAS 4°PASSO: SELECIONANDO PROBLEMAS UI TECH NOVATION FOR GIRLS
15. - Este é um problema realmente grande? - O problema apareceu em notícias nacionais ou globais? Ousado - Você consegue encontrar 3 soluções existentes que estão fazendo o que você deseja? Se sim, como a sua solução será diferente e inovadora? Espaço para Inovação - O problema afeta um número significativo de pessoas? - Existem fundações, organizações, empresas interessadas no problema? - A solução pode aproveitar os recursos dos telefones celulares, como GPS, acelerômetro, câmera, etc? Se não funcionar, tente pensar em como você poderia fazer isso usando um aplicativo móvel. Relevante Verifique a escala de suas ideias de solução: UI TECH NOVATION FOR GIRLS
16. FASE DE COLOCAR NO PAPEL 5° PASSO: ESCREVA UMA DECLARAÇÃO DO PROBLEMA UI TECH NOVATION FOR GIRLS
17. Qual é a necessidade que a sua comunidade enfrenta? Qual é o problema? Por que esse problema é convincente e você tem alguma evidência do problema para sustentar seu argumento? Que visão você tem a oferecer para resolver o problema? Porque é importante resolvê-lo? Não precisa ser uma resposta longa de imediato, apenas o suficiente para dar algum entendimento sobre como o problema será abordado. Qual é a solução? É importante saber disso pois as pessoas que são afetadas pelo problema serão os usuários do seu aplicativo. Quem o problema afeta e como? Declaração de problema para seu aplicativo: UI TECH NOVATION FOR GIRLS
18. FASE DA NECESSIDADE 6° PASSO: MÍNIMO PRODUTO VIÁVEL (MVP) UI TECH NOVATION FOR GIRLS
19. UI TECH NOVATION FOR GIRLS MVP MÍNIMO PRODUTO VIÁVEL 1. Crie uma lista de todas as coisas que você deseja que seu aplicativo faça. Certifique-se de dividir as grandes ideias em recursos menores.
20. UI TECH NOVATION FOR GIRLS MVP MÍNIMO PRODUTO VIÁVEL 2. Discuta seus recursos. Quais são os recursos mais importantes para construir? a. Quais recursos são necessários para resolver o problema? b. Quais recursos ajudarão você a se destacar dos concorrentes?
21. UI TECH NOVATION FOR GIRLS MVP MÍNIMO PRODUTO VIÁVEL 3. Quando terminar, anote os recursos que seu aplicativo vai ter, em ordem de importância e tendo 1 recurso sendo o mais importante.
22. UI TECH NOVATION FOR GIRLS MVP MÍNIMO PRODUTO VIÁVEL 4. Para o seu MVP, você deve se concentrar apenas nos dois primeiros recursos. Concentrar-se em um número menor de recursos permitirá que você os construa muito bem e lhe dará mais tempo para testar seu aplicativo com os usuários e obter seus comentários.
23. UI TECH NOVATION FOR GIRLS MVP MÍNIMO PRODUTO VIÁVEL 5. É hora de verificar novamente se seu MVP resolverá seu problema. a. Peça a um membro de sua equipe que finja ser alguém que tem o problema que você está tentando resolver. Apresente o MVP a ela sem mencionar seus recursos futuros. b. Isso ajuda a resolver o problema dela? Seja o mais crítico que puder sobre seu MVP. c. Se seu MVP não resolver seu problema, você pode precisar tentar priorizar seus recursos novamente.
24. LEMBRAR: MENOS É MAIS! Concentrar-se em um número menor de recursos permitirá que você os construa muito bem e lhe dará mais tempo para testar seu aplicativo com os usuários e obter seus feedbacks
25. FASE DE PROTOTIPAÇÃO 7° PASSO: PROTÓTIPO EM PAPEL UI TECH NOVATION FOR GIRLS
26. Prototipação Como será a primeira tela? Terá um logotipo? Qual será o esquema de cores: Seu aplicativo precisa de um menu para navegação? Qual será a aparência desse menu? O que estará nesse menu? O usuário fará login no seu aplicativo? Qual seria a aparência da tela de login? Que tal uma página de perfil? O que acontece se você clicar em um botão para ir para a próxima tela? Qual será a aparência de cada tela? UI TECH NOVATION FOR GIRLS
27. UI TECH NOVATION FOR GIRLS
28. EQUIPES BRASILEIRAS FINALISTAS NA CATEGORIA JUNIOR UI TECH NOVATION FOR GIRLS
29. OBRIGADA! E ATÉ AMANHÃ!
30. DIA 3 - parte 1 Como transformar uma ideia na prática. CÓDIGO
31. Vamos fazer um bolo? App inventor Thukable UI TECH NOVATION FOR GIRLS O QUE VEREMOS? INICIANDO COM A PROGRAMAÇÃO
32. VAMOS FAZER UM BOLO? COMO FARÍAMOS UM BOLO? QUAL É A RECEITA? UI TECH NOVATION FOR GIRLS
33. - Gratuito - Android - Código Aberto (Open Source) - Disponível em diversos idiomas - Galeria com projetos de exemplo - Teste em tempo real MIT App inventor - Gratuito* - Android e iOS - Plataforma Cruzada (pode ser executado em vários sistemas) - Galeria com projetos de exemplo - Teste em tempo real Thukable Construtores de Apps *VERSÃO PRO, DESENVOLVER APPS PRIVADOS
34. Vamos aprender primeiro colocando a mão na massa ao invés de vermos um mooonte de conceitos? Abram os computadores porque iremos fazer um Simulador de voz! Simbora? UI TECH NOVATION FOR GIRLS APRENDENDO NA PRÁTICA INTRODUÇÃO AO APP INVENTOR E CONCEITOS BÁSICOS DE PROGRAMAÇÃO
43. Vamos testar juntas?
44. OBRIGADA! E ATÉ AMANHÃ!
45. UI Tech Novation for girls Semana de Capacitação para o Projeto
46. DIA 4 - parte 2 Como transformar uma ideia na prática CÓDIGO
47. JÁ ACONTECEU DE VOCÊ... ter uma ótima ideia e pensar que ela daria um ótimo aplicativo?
48. Operadores Lógicos Repetições (Loops) Sensores e Componentes UI TECH NOVATION FOR GIRLS O QUE VEREMOS? CONTINUANDO COM A ETAPA DE PROGRAMAÇÃO...
49. FASE DE CODIFICAÇÃO OPERADORES LÓGICOS UI TECH NOVATION FOR GIRLS
50. UI TECH NOVATION FOR GIRLS OPERADORES LÓGICOS E, OU, NÃO E (and) OU (or) NÃO (not) Operadores permitem que os computadores tomem decisões com base em várias condições. eles são: No App Inventor, esses são blocos que precisam de duas entradas.
51. UI TECH NOVATION FOR GIRLS OPERADOR LÓGICO "E" (AND) Para que seja verdade (true) todas as condições apresentadas devem ser verdadeiras, caso contrário será falso (false)
52. EXEMPLO OPERADOR LÓGICO "E": FAZENDO LOGIN Se (if) o <nome de usuário está correto> e <a senha está correta> (true) → Se um deles estiver incorreto (false) → então (then) permita que o usuário faça o login então não permita que o usuário faça login
53. UI TECH NOVATION FOR GIRLS MAIS EXEMPLOS USANDO O OPERADOR LÓGICO "E" (AND) Se (o jogador termina o nível) e (o tempo não acabou) → então o usuário ganha Se (a loja está aberta) e (a loja está perto do usuário) → então aparecem nos resultados da pesquisa Se (o usuário selecionou uma imagem) e (o usuário inseriu uma legenda) → então permita que o usuário poste a imagem - Ganhando um jogo: - Encontrar uma mercearia nas proximidades: - Postagem de fotos com legendas:
54. UI TECH NOVATION FOR GIRLS OPERADOR LÓGICO "OU" (OR) Para que seja verdade basta que uma das condições seja "true", e só será falso quando ambas forem falsas
55. EXEMPLO OPERADOR LÓGICO "OU": FAZENDO LOGIN Se (if) o <usuário tiver uma conta google> ou <um conta no facebook> → Se ele não tiver nenhuma conta (false) → então (then) permita que o usuário faça o login (tendo o usuário duas contas ou só uma , ele poderá fazer o login) então não permita que o usuário faça login
56. UI TECH NOVATION FOR GIRLS MAIS EXEMPLOS USANDO O OPERADOR LÓGICO "OU" (OR) Se (o título corresponder) ou (a descrição corresponder) → mostre-o nos resultados da pesquisa Se (os amigos do usuário gostarem) ou (é semelhante a algo que o usuário gostou) → então recomende ao usuário - Mostrando resultados de pesquisa - Recomendar vídeos a um usuário
57. UI TECH NOVATION FOR GIRLS OPERADOR LÓGICO "NÃO" (NOT) O operador "not" inverte o valor de entrada para ser o oposto do que é:
58. EXEMPLO OPERADOR LÓGICO "NÃO": FAZENDO UMA BUSCA ex: Você deseja excluir os resultados da pesquisa sobre cachorros, Se não (if not) <o artigo contém a palavra “cachorrinho”> → Se não (o artigo contém a palavra “cachorrinho”) e (o artigo contém a palavra “gatinho”) → mostre os resultados então verifica a palavra “cachorrinho” usando o operador Não (not) . mostre os resultados - Você pode combinar operadores lógicos para fazer mais coisas. Veja como você poderia mostrar resultados de pesquisa que têm a palavra “gatinho” e não têm a palavra “cachorrinho”.
59. FASE DE CODIFICAÇÃO REPETIÇÕES (LOOPS) UI TECH NOVATION FOR GIRLS
60. UI TECH NOVATION FOR GIRLS REPETIÇÕES (LOOP) E se alguém decidisse criar um app que tocasse a mesma música várias e várias vezes? while (enquanto) for (para) for each (para cada) Nesse caso, seria essencial que a pessoa soubesse usar os "loops". Eles são nada mais que uma forma de dizer ao computador para fazer algo várias vezes seguidas. Podem ser:
61. UI TECH NOVATION FOR GIRLS LOOP "ENQUANTO" (WHILE) Quando usado, os comandos são repetidos até que a condição inserida não seja mais verdadeira. é como se o while dissesse ao seu aplicativo “enquanto isso acontece, repita isso” ou “enquanto isso não mudou, repita isso”.
62. EXEMPLO LOOP WHILE: CONVIDADOS DA FESTA ex: Você está dando uma festa e quer que Enquanto (while) {convidados na festa > 0} a música continue tocando até que todos os convidados saiam: faça (do): continue tocando música obs: Para usar while sua condição deve começar verdadeira, se não ele nunca acontece. por outro lado, se ela nunca se tornar falsa, o loop se torna infinito
63. UI TECH NOVATION FOR GIRLS LOOP "PARA" (FOR) "for" repetirá o código por uma quantidade de vezes definida. seria como dizer ao aplicativo: “repita isso, por 12 vezes” ou “repita isso, por 5 vezes”. Os For loops usam uma variável para contar quantas vezes o código foi repetido, chamada count (contador). Você controla quantas vezes o loop se repete definindo onde o contador começa e termina e também define o quanto o contador sobe cada vez que o código se repete.
64. EXEMPLO "PARA" ( FOR): Na maioria dos cenários, você deseja que o contador aumente em 1 cada vez que o loop se repetir, como no caso da imagem a esquerda. o contador começa valendo um, e seu limite é 5. pra cada vez que o código acontece ele aumenta 1, ou seja, ele irá se repetir 4 vezes.
65. FASE DE CODIFICAÇÃO SENSORES E COMPONENTES UI TECH NOVATION FOR GIRLS
66. COLOCÁ-LOS NO APP PERMITE QUE ELE TENHA VÁRIAS FUNÇÕES DIFERENTES!
67. Permitem tirar fotos, vídeos e gravar sons câmera, alto-falante e microfone: Permite que armazene preferências, imagens e sons Armazenamento Mostra a localização do aparelho GPS Componentes do Celular
68. Permite fazer ligações, enviar mensagens e conectar-se com outras pessoas chamadas, mensagens de texto e contatos: Permite conectar o aparelho com informações da web conectividade com web: Componentes do Celular Mostra a velocidade com que o aparelho se move. acelerômetro, giroscópio
69. Sensor de Localização Pedômetro: Sensor de Proximidade Giroscópio: Mede a Aceleração Acelerômetro: Sensores
70. Disponível em: https://www.technovationbrasil.org/curric ulo TODO O MATERIAL USADO NESSA CAPACITAÇÃO FOI FUNDAMENTADO NO MATERIAL DE APOIO DO TECHNOVATION GIRLS
71. COLETIVO UNICAS Instagram: @coletivo.unicas E-mail: coletivo.unicas@gmail.com
72. VAMOS APRENDER NA PRÁTICA?
73. FIXANDO OPERADORES Crie este app para que o usuário veja se ele pode participar do Technovation! Mini questionário:
75. Passo 1: verificando a idade
76. Passo 2: verificando o gênero
77. APP DE CÂMERA Aprenda a adicionar uma camêra no seu app e a armazenar as fotos localmente no seu celular!
79. Adicionando uma câmera:
80. Adicionando a foto tirada ao armazenamento do dispositivo:
81. APP DE DESENHO Aprenda a criar um aplicativo de desenho, funções de canva e a usar um acelerômetro!
83. Função de desenhar: rastrear o caminho do dedo na tela através de linhas
84. Função de desenhar: apagar todo o canva ao mexer o celular (graças ao acelerômetro)
85. OBRIGADA! E ATÉ AMANHÃ!