UFPB › SIGAA - Sistema Integrado de Gestão de Atividades Acadêmicas João Pessoa, 19 de Janeiro de 2022
Semana da Computação (15/10/2019 - 15/10/2019)
Semana da Computação (17/10/2019 - 17/10/2019)
Apresentação da disciplina (22/10/2019 - 22/10/2019)
   Material 01 - Apresentação   
Visão geral da plataforma Android (24/10/2019 - 24/10/2019)
Webmedia (29/10/2019 - 29/10/2019)
Webmedia (31/10/2019 - 31/10/2019)
  exemplos1a.zip   
Parte 1a - Android Views (05/11/2019 - 05/11/2019)
Parte 1b - Android Widgets (07/11/2019 - 07/11/2019)
Parte 1c - Gerenciamento de Layout (12/11/2019 - 12/11/2019)
Parte 1d - Intent e Intent Filters (14/11/2019 - 14/11/2019)
Semana da Computação (19/11/2019 - 19/11/2019)
Semana da Computação (21/11/2019 - 21/11/2019)
    Visão geral (Site)   
    SDK (Site)   
Parte 1g - Programação em Rede (26/11/2019 - 26/11/2019)
Parte 1e - Persistencia (28/11/2019 - 28/11/2019)
Parte 1f - Programação em Rede e Content Provider (03/12/2019 - 03/12/2019)
Parte 1f - Programação em Rede e Content Provider (05/12/2019 - 05/12/2019)
Parte 1f - Fragments e BroadcastProvider (10/12/2019 - 10/12/2019)
Parte 1g - Android Architeture Components (12/12/2019 - 12/12/2019)

Projeto 1 (Android Java / Kotlin)

Consiste em criar um aplicativo no qual é possível visualizar dados de uma entidade obtida a partir de um Web Services (por exemplo, entidade CIDADE com dados sobre previsão do tempo). O usuário deve selecionar uma entidade a partir em uma lista de entidades e ver um conjunto de dados associados numa nova tela (por exemplo, selecionar uma CIDADE e visualizar previsão do tempo para 5 dias ).

Funcionalidades obrigatórias:

  1. As informações devem ser recuperadas de um Web Services de terceiros ativo (ver lista em: https://www.programmableweb.com/) ou serviço de base de dados remota (por exemplo, usando Firebase ou outro SDK); (1 ponto)
  2. Deve ter uma lista de entidades padrão (pré-baixadas) no aplicativo (por exemplo, na aplicação de previsão de tempo já abre com as cidades Barcelona, Dublin, Londres, Nova York); (1 ponto)
  3. O usuário deve poder adicionar uma nova entidade a partir do web services (por exemplo, uma nova cidade); (1 ponto)
  4. O usuário deve poder remover uma entidade da lista (por exemplo, remover uma cidade da lista de cidades); (1 ponto)
  5. Todas as alterações devem ser persistentes. Se o usuário adicionar ou remover uma entidade, a alteração deverá persistir quando o aplicativo for reiniciado; (1 ponto)
  6. Os dados que já foram recuperados do Web Services também devem ser persistidos localmente de modo que o usuário possa acessar esses dados mesmo sem conexão com a Internet; (1 ponto)
  7. O aplicativo deve apresentar os dados de entidade em dois modos (retrato e paisagem) de exibição gráfica com Views diferentes (por exemplo, mostra a previsão de tempo de uma cidade numa tabela no modo retrato e um gráfico no modo paisagem); (1 ponto)
  8. Utilizar pelo menos um componente (JetPack) da arquitetura de referencia do guia do desenvolvedor (https://developer.android.com/jetpack/docs/guide).  Recomenda-se usar um modelo de arquitetura pronta: https://github.com/android/architecture-samples ou https://github.com/android/architecture-samples/branches (3 pontos)

 

ENTREGA EM DUPLA: 03/02/2019 (github e screencast explicando código de 15 minutos)

  Projeto 1 (Android Java ou Kotlin)  
Inicia em 12/12/2019 às 0h 0 e finaliza em 03/04/2020 às 23h 59
Parte 2 - React 01 (04/02/2020 - 04/02/2020)
Parte 2 - React 01 (06/02/2020 - 06/02/2020)
  Tarefa 1 - Primeira aplicação React  
Inicia em 06/02/2020 às 0h 0 e finaliza em 03/04/2020 às 23h 59
Parte 2 - React Native - App 1a (11/02/2020 - 11/02/2020)
    Tutorial ES6 (Site)   
    API randomuser (Site)   
    Flexbox - React Native (Site)   
    Jogo Flexbox (Site)   
    Documentação sobre Keys (Site)   
Parte 2 - React Native - App 1a (13/02/2020 - 13/02/2020)
    Tutorial ReactJS (Site)   
Parte 2 - React Native - App 1b (18/02/2020 - 18/02/2020)
    React Navigation (Site)   
Parte 2 - React Native - App 1b (20/02/2020 - 20/02/2020)
  Tarefa 2 - Página de detalhes  
Inicia em 18/02/2020 às 0h 0 e finaliza em 03/04/2020 às 23h 59
Parte 2 - React Native - App 1c (25/02/2020 - 25/02/2020)
    App 1c - Pages e Eventos (Site)   
Parte 2 - React Native - App 1c (27/02/2020 - 27/02/2020)

Resolver a tarefa cadastrada para terminar a aplicação de acordo os passos a seguir :

  1. começar por este código: https://snack.expo.io/BkDwogN9;
  2. terminar o PeopleListItem;
  3. integrar o PeopleListItem em PeopleList;
  4. incluir a exibição de uma imagem no PeopleListItem(dica, o link da imagem pode ser usado de algum campo em people.picture);
  5. Exibir também o título e sobrenome na linha que exibe o nome de cada pessoa (dica: os campos são name.title e name.last);
  6. Estudar FlexBox (ver link na aula) para alinhar o ícone da foto, nome e sobrenome como na figura do link abaixo;
  7. Deixar em caixa alta as primeiras letras do título, nome e sobrenome igual a figura do link abaixo. (dica: faça um componente que tem uma função que recebe uma string e aplice o seguinte tratamento:

    str[0].toUpperCase(str) + str.slice(1)

    )

Link da figura template da app:   https://www.dropbox.com/s/fj5jjkq4w8720ch/template_app1c.png?dl=0

Parte 2 - React Native - App 2a - React Redux (03/03/2020 - 03/03/2020)

Exemplo de Aplicação com Redux e sem React

https://codepen.io/renanpallin/pen/zWENrX

Exemplo de Aplicação com Redux e com React

https://codepen.io/renanpallin/pen/qoPRVO

Exemplos sobre conceitos do Redux

https://codepen.io/renanpallin/pen/mxMZOW

Object Assign:

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Redux:

https://redux.js.org/

    Redux (site oficial) (Site)   
Parte 2 - React Native - App 2a - React Redux (05/03/2020 - 05/03/2020)
    App Todo com react-redux (Site)   
  Tarefa 3 - TodoApp - React-Redux  
Inicia em 06/03/2020 às 0h 0 e finaliza em 13/04/2020 às 23h 59
Parte 2 - React Native - App 3 - Redux-Thunk e Firebase (10/03/2020 - 10/03/2020)
Parte 2 - React Native - App 3 - Redux-Thunk e Firebase (12/03/2020 - 12/03/2020)

TAREFA 4 - Firebase, Redux e Thunk

Entrega: 17/03/2019 - 12:00h

Alterar o código-fonte da aplicação TODO (https://snack.expo.io/Sk7mMxbnV) para os seguinte requisitos:

 

1 - Configurar e utilizar um projeto/app próprio no Firebase

2 - Tirar a dependencia de DatePickerAndroid e TimePickerAndroid para a aplicação funcionar em qualquer plataforma;

3- Implementar em "screens/Login.js" o uso de Redux. O código de acesso ao Firebase deve ser removido

4 - Estudar e implementar algum recurso do Thunk no aplicativo 

  Tarefa 4 - Firebase, Redux e Thunk  
Inicia em 12/03/2020 às 0h 0 e finaliza em 03/04/2020 às 12h 0
Parte 2 - React Native - App1 Final (17/03/2020 - 17/03/2020)
   Código-fonte App1 Final  (Livro)   
    Código-fonte App2 Final (Site)   
Parte 2 - React Native - App1 Final (19/03/2020 - 19/03/2020)
  Tarefa 5 - Resumo sobre vídeo aula  
Inicia em 20/03/2020 às 0h 0 e finaliza em 03/04/2020 às 23h 59
Projeto (24/03/2020 - 24/03/2020)
Projeto (26/03/2020 - 26/03/2020)
Projeto - Final (31/03/2020 - 31/03/2020)
  Projeto 2 - React Native  
Inicia em 20/03/2020 às 0h 0 e finaliza em 10/04/2020 às 23h 59
    App1 - v1a (Site)   

SIGAA | STI - Superintendência de Tecnologia da Informação da UFPB / Cooperação UFRN - Copyright © 2006-2022 | producao_sigaa-5.sigaa-5 | v22.1.4