Projeto Final - Coletivo Unicas

Projeto final desenvolvido no curso de Sistemas para Internet da UNICAP para o coletivo Unicas.
Equipe: Caroline, Jad, Jully, Mayara, Marília e Deborah

Transcript

1. R|R Mulheres em Tech Coletivo Unicas Recife, 20 de junho de 2020
2. Sumário As etapas pelas quais passamos Problema Solução Ferramentas Utilizadas Identidade Visual e Protótipo Arquitetura Frotend Demonstração Desafios Evoluções Futuras
3. Cenário atual na tecnologia Onde Estamos? R|R
4. R|R Desigualdade de Gênero na Área 33% Mulheres entre Pesquisadores de Ciências e Tecnologia 22% Mulheres entre os trabalhadores da área de Inteligência Artificial 28% Mulheres entre os graduados em engenharia (área STEM) Fonte: UNESCO Science Report 2021
5. O que podemos fazer? Atuando O estudo da UNESCO mostra as intervenções que ajudam a aumentar o interesse e o envolvimento de meninas e mulheres na educação em STEM, desde o âmbito individual da estudante até o da sociedade civil e política. Fonte: estudo da UNESCO em 2018 O envolvimento de meninas e mulheres na educação em STEM não depende de uma única variável, podendo ser influenciado por diversos fatores dos mais variados âmbitos.
6. Importância do Coletivo Unicas Nesse contexto, o Coletivo Unicas foi criado em 2019 por alunas do curso de de Ciência da Computação da Unicap para servir como rede de apoio entre as mulheres dos cursos de Ciência e Tecnologia da instituição. O grupo deu uma pausa de quase dois anos em suas atividades, retomando em 2021 e integrando ao seu corpo de voluntárias, além de estudantes de Ciência da Computação, também as alunas do curso de Sistemas para Internet. E trazendo à tona os recortes de gênero, classe e raça, além de deixar claro a inclusão de pessoas nao-binárias. Para onde vamos?
7. R|R Para alcançar esses objetivos o Coletivo Unicas visa desenvolver ações como workshops, cursos, palestras, campanhas sociais e eventos diversos envolvendo a temática de tecnologia e de gênero Principais Objetivos Representa- tividade Mostrar a importância da presença de grupos que são considerados minorias nas áreas de STEM Atrair Atrair esses grupos minoritários para a área, mostrando que ocupar aquele lugar é uma possibilidade Incentivar a Permanência De nada adianta atrair, sem criar uma forte rede de apoio para permanência dessas pessoas Ambiente Criar um ambiente acadêmico e profissional mais acolhedor, diverso e inclusivo para todes
8. R|R "Com o crescimento do Unicas, surgiu a necessidade de uma ferramenta de divulgação do coletivo. Dessa forma, concentrando em um só lugar suas informações." Deborah Camila, organizadora e voluntária mais antiga do Unicas Problemática segundo a Cliente
9. Ocupemos o espaço digitalmente também Problemática Diante do cenário de volta às atividades e de expansão do coletivo, o mesmo vem sentindo a necessidade de - divulgar, expandir e consolidar sua presença digital. - criar autoridade, visibilidade e notoriedade - criar redes e atrair parcerias para as suas ações - conquistar novos integrantes, sobretudo diante da saída das alunas antigas da Unicap, tendo sido difícil para o coletivo manter suas atividades - Ter um espaço seu, com sua identidade, para divulgar seu trabalho - Estar mais disponível para interagir, como coletivo em si, com pessoas que queiram contactar o coletivo, tenham dúvidas ou queiram participar dele
10. Necessidades levantadas Linguagens e Ferramentas Acessíveis R|R Documentação Identidade Visual Padronização de pastas e arquivos
11. O que foi proposto? Solução Após ouvirmos a cliente, analisamos a problematica e vimos a necessidade de desenvolver um Site para o coletivo. Tendo então, uma ferramenta que terá informações importantes sobre o Coletivo, para que quem esteja interessado em participar de algum evento e/ou projetos, consiga ter acesso as informações que procura.
12. O que terá? Site Coletivo UNICAs O site Coletivo UNICAs será de página única, onde as informaçoes estaram separadas por seções. Este site iniciará com a seção Sobre, terá as seções de Nossos Projetos, Depoimentos, Nosso time, Parcerias, e Contato.
13. Funcionalidades Menu Interativo O usuário poderá ir para a seção que deseja clicando nas opções que aparece no Menu R|R Formulário de Contato O usuário poderá enviar um email para o Coletivo, após preencher os camos do formulário. Após enviado, aparecerá uma mensagem informando que o envio foi sucedido. Nossos Projetos O usuário poderá clicar em cima de qualquer projeto e poderá ver as informações que contem dentro como nome do projeto, fotos e descrição Formulário Membras A pessoa que desejar se tornar membra do Coletivo UNICAs, poderá ma seção de Nosso Time, se inscrever preencho um formulário, que será enviado para o Coletivo.
14. Ferramentas e Linguagens Utilizadas Fonte: UNESCO Science Report 2021 Trello Notion Miro
15. Ferramentas e Linguagens Utilizadas Fonte: UNESCO Science Report 2021 BrModelo Visual Studio Code PostgreSql
16. Ferramentas e Linguagens Utilizadas Fonte: UNESCO Science Report 2021 Figma Canva Heroku
17. Ferramentas e Linguagens Utilizadas Fonte: UNESCO Science Report 2021 JavaScript SQL TypeScript
18. Design
19. Identidade Visual no Instagram do Coletivo ANTES do retorno Contexto Presencial Falta de Padronização Cores da paleta da logo não necessariamente ditavam a página Foco nas ações voltadas para o presencial
20. Identidade Visual no Instagram do Coletivo APÓS do retorno Contexto Online devido à pandemia Maior padronização dos posts Posts através de "quadros" com mesmo layout, criando uma identidade à marca Paleta escolhida e variações ditando as postagens da página
22. Logo Atual
23. Identidade Visual Nova E agora? Como deixar nossa marca, mantendo a diversidade da identidade visual?
25. Grace Murray Hopper
32. Uni cas
33. Uni cas EM TECH mulheres
34. R|R Paleta de Cores
35. Paleta Inicial
36. Paleta Atual
37. Paleta Proposta
38. Interface
39. Arquitetura
40. R|R
41. R|R Arquitetura No backend do projeto, o padrão utilizado para alcançar esses princípios foi o de Arquitetura Limpa. As entidades vão ser classes para definir objetos em comum do sistema. Já os casos de uso irão implementar as regras de negócio. A camada de Adaptadores faz a interação entre essas camadas internas com as externas. Por fim, a camada de frameworks externos é a responsável por se comunicar com nossa interface do usuário. A aplicação backend foi dividida em três grandes pastas, sendo da menos dependente até a mais dependente: domain; infrastructure; e delivery.
42. Responsividade Estrutura de pastas Front-End Link para Linkedin e GitHub
43. Demonstração
44. Desafios Criação do wireframe no figma Criar uma logo que englobasse tudo o que o Coletivo desejava Encontrar ilustrações contendo diversidade Criar estrutura de uma single page application Deixar o site totalmente responsivo
45. Evoluções Futuras Lojinha Bolsas Chaveiros Canecas Bloco de notas Camisas Galeria Galeria contendo as fotos dos encontros do Coletivo Unicas Na mídia Rerpotagens e artigos envolvendo o Coletivo Documentação Realização de encontros com o Coletivo para demonstrar e ensinar tudo que foi feito, fazendo uma construção colaborativa dela
46. Evolução pra já! Lojinha
47. R|R Nossa Equipe Caroline Lins Marília Vilar Jully Nixon Mayara Ribeiro Jad Deborah Camila Cliente
48. R|R Obrigade, todes!