The app-boas-vindas from practice-uffs

Criar uma função que vai receber como parâmetro:

type = email, dados da coluna tipo da planilha;
content, dados da coluna conteúdo da planilha;
extra campo adicional, dados da coluna extra da planilha, estudar como usar;

Nessa função deve criar um componente padrão para mostrar o conteúdo e-mail ao usuário no aplicativo;
Manter um padrão para o aplicativo todo ou criar um padrão para cada tela.
Deve criar validados de dentro da função e-mail.

Por exemplo, se os parâmetros vieram da tela sobre e é do type = email , então o componente de e-mail receberá a estilização style 1, agora se os parâmetros vieram da tela projetos e é do type = email , receberá a estilização style 2.
Apenas exemplos para fins de estímulo.

App UFFS Virtual

Ajustar API de captura de Informações no Aplicativo de Boas-vindas

a API do Vercel pra converter google sheet em JSON não está mais funcionando. Felizmente, encontrei uma outra API que faz a mesma coisa. Acredito que só substituindo o Link de captura, funcione:

https://opensheet.elk.sh/spreadsheet_id/sheet_name

Revisão de Texto

#56
#57
#58
Em reunião de líder a equipe de conteúdo informou que existem dados para preencher as planilhas de todos os campus, verificar esse conteúdo já revisado e organizar na planilha;

@practice-uffs/dev auxiliar o pessoal do conteúdo na inserção de novos dados da planilha e ajuste dos dados atuais;

Tratativa de dados para tipo `video` `imagem`

Criar uma função que vai receber como parâmetro:

type = video ou imagem, dados da coluna tipo da planilha;
content, dados da coluna conteúdo da planilha;
extra campo adicional, dados da coluna extra da planilha, pode ser a descrição abaixo;

Nessa função deve criar um componente padrão para mostrar o conteúdo video, ou imagem, ao usuário no aplicativo;
Manter um padrão para o aplicativo todo ou criar um padrão para cada tela.

Por exemplo, se os parâmetros vieram da tela sobre e é do type = video, ou imagem, então o componente de e-mail receberá a estilização style 1, agora se os parâmetros vieram da tela projetos e é do type = video, ou imagem, receberá a estilização style 2.
Na style 1 pode existir descrição, então o componente é X, no style 2 não tem descrição, então componente é Y

Apenas exemplos para fins de estímulo.

Menu de opções

Sobre o campus

Criar tela em branco e rotas;

Clima local

Criar tela em branco e rotas;

Auxílio estudantil

Criar tela em branco e rotas;

Grupos e projetos

Criar tela em branco e rotas;

Canais

Criar tela em branco e rotas;

Lazer

Criar tela em branco e rotas;

Dicionário local do sul

Criar tela em branco e rotas;

Locomoção

Criar tela em branco e rotas;

Biblioteca

Criar tela em branco e rotas;

Ajuda

Criar tela em branco e rotas;

Tratativa de dados para tipo `telefone`

Criar uma função que vai receber como parâmetro:

type = telefone, dados da coluna tipo da planilha;
content, dados da coluna conteúdo da planilha;
extra campo adicional, dados da coluna extra da planilha, estudar como usar;

Nessa função deve criar um componente padrão para mostrar o conteúdo texto ao usuário no aplicativo;
Manter um padrão para o aplicativo todo ou criar um padrão para cada tela.
Deve permitir mostrar os dados exatamente como está na planilha, por exemplo, com itens, parágrafos, etc.

Por exemplo, se os parâmetros vieram da tela sobre e é do type = texto, então o componente de texto receberá a estilização style 1, agora se os parâmetros vieram da tela projetos e é do type = texto, receberá a estilização style 2.
A diferença entre style 1 e style 2 pode ser o tamanho da letra, ou uma borda para a label.
Apenas exemplos para fins de estímulo.

Nessa função deve criar um componente padrão para mostrar o conteúdo telefone ao usuário no aplicativo;
Manter um padrão para o aplicativo todo ou criar um padrão para cada tela.
Deve criar mascara para numeros de telefone.

Por exemplo, se os parâmetros vieram da tela sobre e é do type = telefone, então o componente de telefone receberá a estilização style 1, agora se os parâmetros vieram da tela projetos e é do type = telefone, receberá a estilização style 2.
Apenas exemplos para fins de estímulo.

Tratativa de dados para tipo `texto`

Criar uma função que vai receber como parâmetro:

type = texto, dados da coluna tipo da planilha;
content, dados da coluna conteúdo da planilha;
extra campo adicional, dados da coluna extra da planilha, estudar como usar;

Nessa função deve criar um componente padrão para mostrar o conteúdo texto ao usuário no aplicativo;
Manter um padrão para o aplicativo todo ou criar um padrão para cada tela.
Deve permitir mostrar os dados exatamente como está na planilha, por exemplo, com itens, parágrafos, etc.

Por exemplo, se os parâmetros vieram da tela sobre e é do type = texto, então o componente de texto receberá a estilização style 1, agora se os parâmetros vieram da tela projetos e é do type = texto, receberá a estilização style 2.
A diferença entre style 1 e style 2 pode ser o tamanho da letra, ou uma borda para a label.
Apenas exemplos para fins de estímulo.

Tela: Dicionário Sulista

Tela: Dicionário com diversas palavras e seus reais significados (ex: vergamota, bergamota, pila, reais, pão francês, cacetinho, pão d’água, etc.)
*podemos verificar alguns significados com pessoas que fazem parte do Practice e vêm de outras cidades, fica mais fácil identificar palavras específicas que confundem.

Corrigir Bugs e Melhorias do Aplicativo para V1

O objetivo da issue é levantar possíveis bugs em itens nessa tarefa, para que possamos corrigilos (criando novas issues a partir dessa) para lançarmos a V1 do App boas-vindas.

APK: app-boas-vindas.zip

#68

Tratativa de dados para tipo `mapa`

Criar uma função que vai receber como parâmetro:

type = mapa, dados da coluna tipo da planilha;
content, dados da coluna conteúdo da planilha;
extra campo adicional, dados da coluna extra da planilha, estudar como usar;

Nessa função deve criar um componente padrão para mostrar o conteúdo texto ao usuário no aplicativo;
Manter um padrão para o aplicativo todo ou criar um padrão para cada tela.
Deve permitir mostrar os dados exatamente como está na planilha, por exemplo, com itens, parágrafos, etc.

Por exemplo, se os parâmetros vieram da tela sobre e é do type = texto, então o componente de texto receberá a estilização style 1, agora se os parâmetros vieram da tela projetos e é do type = texto, receberá a estilização style 2.
A diferença entre style 1 e style 2 pode ser o tamanho da letra, ou uma borda para a label.
Apenas exemplos para fins de estímulo.

Nessa função deve criar um componente padrão para mostrar o conteúdo mapa ao usuário no aplicativo;
Manter um padrão para o aplicativo todo ou criar um padrão para cada tela.

Por exemplo, se os parâmetros vieram da tela sobre e é do type = mapa, então o componente de mapa receberá a estilização style 1, agora se os parâmetros vieram da tela projetos e é do type = mapa, receberá a estilização style 2.
Apenas exemplos para fins de estímulo.

Melhorias e padronização de códigos

Criar uma estrutura de código conforme a estrutura do app-practice.

Tratativa de dados para tipo `link`

Criar uma função que vai receber como parâmetro:

type = link, dados da coluna tipo da planilha;
content, dados da coluna conteúdo da planilha;
extra campo adicional, dados da coluna extra da planilha, sendo o título do link;

Nessa função deve criar um componente padrão para mostrar o conteúdo link ao usuário no aplicativo;
Manter um padrão para o aplicativo todo ou criar um padrão para cada tela.

Por exemplo, se os parâmetros vieram da tela sobre e é do type = link, então o componente de link receberá a estilização style 1, agora se os parâmetros vieram da tela projetos e é do type = link, receberá a estilização style 2.
A diferença entre style 1 e style 2 pode ser que um mostra a URL ao usuário, outra mostra o link com um título ou botão;
Apenas exemplos para fins de estímulo.

Revisão menus fixos

Verificar menu "Guia dos calouros" e "Guia de procedimentos" para conter informações genéricas, sem estar direcionadas a um campus específico. Pois, o mesmo, não está vindo conteúdo de planilhas, mas sim de conteúdos inseridos no código fonte.

Se preferir pode criar variáveis dinâmicas para alterar os dados dos guias conforme o campus selecionado.

Criando os tipos restantes

Criando o tratamento de dados para os seguintes tipos:

Telefone
Imagem
E-mail
Vídeo

Esboço / prototipagem / junção de conteúdo

Criar esboço e reunir o máximo de dados sobre o aplicativo direcionado aos estudantes da uffs, isso em conjunto com @isabelirk e @brendaellen que estão acima do projeto.

Utilizar está pasta do drive para centralizar o conteúdo

O esboço será baseado no conteúdo desta Issue

Alterar ícone da aura no `tabbar`

No menu de abas, na parte inferior do aplicativo, o ícone da aura é um ícone pronto do F7. Ele não identifica a aura da forma que queremos.

Podemos alterar esse ícone para o ícone da aura que está disponível aqui

É possível usar os ícones da aura versão dark e white que já estão no repositório.

Adicionar app-boas-vindas na Google Play

Ajustar o Readme

Deixar as instruções de inicialização e as informações vitais.

Revisar conteúdo fixo do Guia de Procedimentos

O conteúdo do Guia de Procedimentos foi retirado do site da UFFS, então acredito que a revisão será mais focada na gramática.

Link do Aplicativo

Para instalar, basta executar esse arquivo no android. Talvez ele peça para você alterar uma configuração de "Permitir instalação de fontes desconhecidas", basta acionar essa permissão e voltar a executar esse arquivo. Se precisar de ajuda, pode me chamar.

O conteúdo estará na aba Guia de Procedimentos:

Revisar conteúdo fixo do Guia do Calouro

O conteúdo do Guia de Calouros foi retirado do site da UFFS, então acredito que a revisão será mais focada na gramática.

Link do Aplicativo

Para instalar, basta executar esse arquivo no android. Talvez ele peça para você alterar uma configuração de "Permitir instalação de fontes desconhecidas", basta acionar essa permissão e voltar a executar esse arquivo. Se precisar de ajuda, pode me chamar.

O conteúdo estará na aba Guia do Calouro:

Integrar aura no app-virtual

Utilizar do repositório do app-practice para criar uma aba no app virtual com a aura.

Revisão de design

Buscar um pacote de ícones free que combine com o app UFFS Virtual para ser padrão;
Revisar todos os designs e listar melhorias, caso existir, nesta tarefa; (após a listagem, caso necessário, será criada novas issues dependendo da complexidade das alterações)

Tela: Principais canais, grupos e projetos

Tela: Listar os principais grupos e projetos presentes em cada um dos campi (coletivos, DA, CA, DCE, etc.);

Aba/Adendo: Canais UFFS: Os principais canais (site institucional da da UFFS, Instagram, Escolhi ser UFFS, site e insta do PRACTICE, Aura, e outros apps importantes). Incluir redirecionamento é importante.

Guia do Calouro UFFS

Organizar dentro do app, sem utilizar planilha, para o app a informações disposta neste link

Colocar informações sucintas na tela e inserir um botão de Saiba mais para informar os demais conteúdos

Vale lembrar que estes dados devem ser inseridos na planilha referente ao Campus Chapecó.

Tela: Lista com pontos de lazer

Pontos fixos como praças, bibliotecas e shoppings, e mencionar outros tipos de lazer que podem haver na cidade e seus arredores.

Adicionar o ícone no app

Esta issue se originou da issue #45, tem como objetivo simplesmente adicionar o ícone mais votado no aplicativo.

O ícone vai estar na issue 973.

Revisar conteúdo do aplicativo na planilha de Chapecó

Fazer revisão do conteúdo do Aplicativo de Boas-Vindas de Chapecó.

Link da Planilha

Verificar se a estrutura do conteúdo condiz com o planejado e adicionar mais conteúdos se necessário.

Link do Aplicativo

Para instalar, basta executar esse arquivo no android. Talvez ele peça para você alterar uma configuração de "Permitir instalação de fontes desconhecidas", basta acionar essa permissão e voltar a executar esse arquivo. Se precisar de ajuda, pode me chamar.

Guia de procedimentos da UFFS

Organizar dentro do app, sem utilizar planilha, para o app a informações disposta neste link

Colocar informações sucintas na tela e inserir um botão de Saiba mais para informar os demais conteúdos

Vale lembrar que estes dados são para todos os Campus. Não sendo viável replicar o conteúdo nas planilhas, mas sim no próprio app

Notas para UX/UI

Adicionar Squeleton e eliminar a tela de seleção de campus
Eliminar o menu lateral
Adicionar "Sobre" na aba ajuda
Adicionar ícone para login na navbar
Ajustar design tela do menu principal
Ajustar ícones de logout e about
Adicionar dark theme

Organizar planilhas e conteúdo

Todas as planilhas, exceto Chapecó, manter fora da pasta principal para que não apareça no menu de seleção para campus
Verificar o conteúdo da planilha de Chapecó, eliminar o conteúdo falso e atualizar com conteúdo verdadeiro para disponibilizar na primeira versão do app (analisar sites de Chapecó);

Melhorias para Design e Google analytics

Trabalhar no design de conteúdo que vem das planilhas.
Deixar visualmente agradável para o usuário final.

As melhorias precisam ser feitas pensadas no modo light e dark que o app possui atualmente.

Ajustar a coleta de dados da planilha

Os dados serão passados por planilhas, com uma planilha central mantendo o registro de onde as outras planilhas estão (cada uma delas contendo as informações de cada campus, cada aba dessa planilha será referente a um ícone no menu do aplicativo);

Criar as novas planilhas;
Atualizar o código para fazer a leitura dos dados;

Melhorias

LINK

Clima da cidade

Descrição geral do clima da cidade, talvez incluir um iframe com algum site que traga informações atualizadas

Criar documento sobre Tags HTML

Precisamos de um documento simples para inserir na pasta das planilhas, onde nas mesmas existam as tags html para:

Texto negrito;
Texto Itálico;
Texto Sublinhado
Mapear mais conforme necessário...

Informar que essas possibilidades servem para qualquer componente que utilize texto;

Tela: Informações sobre o campus referente a cidade selecionada;

Alterar ícone da aplicativo de boas-vindas

Alterar os ícones pelos novos: LINK

Implementar o pacote de ícones free no app

Esta issue se originou da issue #45, tem como objetivo simplesmente implementar os ícones desenvolvidos na issue #45 no aplicativo.

Aqui está o figma com os ícones para a versão clara do app.

Assim que disponibilizado os ícones para a versão escura do app eu disponibilizo aqui :)

O app deverá ficar mais ou menos com esssa cara aqui:

Versão clara:

Versão Escura:

Atualizar README do Aplicativo boas-vindas

No README está como "App Practice". Ajustar descrição, título e adicionar a logo.

Tela: Endereço e localização do campus da UFFS

Além do endereço e da localização do campus da UFFS a adição da localização do campus específico no maps (com um Iframe). Se possível informando onde existem pontos de ônibus [Citar o aplicativo Moovit, faz isso mas não sei seu suporte quanto a cidades menores]);

Ajustar cada tela para receber as informações

Funções serão chamadas na tela do menu, em ordem de trazer a página selecionada com os itens já carregados.

Adaptar as telas para suportar a injeção do conteúdo;
Definir corretamente as funções em cada chamada 'onclick';

Resolver bugs referentes ao darkmode do app

- Acho que tem a ver com coisas asincronas
- pq eu tive que fazer uma adaptação tenológica
- mas não consegui pensar numa forma melhor pra fazer isso
- pq se eu setava pra aguardar o carregamento do toggle, ficava pior
- tinha que buscar alguma forma de iniciar a função depois do carregamento completo, mas usando o 
- afterIn e o Mounted não deu 
- certo tbm" - by Alisson de Lima Peloso

Talvez ajude quem for fazer essa tarefa, mas enfim, é verificar o que está acontecendo com o darkmode do app, que está com algum bug.

Uma tela de boas vindas com frase sobre o propósito do app (logo da uffs e do Practice);

Iniciar o repositório

Clonar o repositório do template 7

practice-uffs / app-boas-vindas Goto Github PK

app-boas-vindas's People

Contributors

Stargazers

Watchers

Forkers

app-boas-vindas's Issues

Recommend Projects

Recommend Topics

Recommend Org