-
Notifications
You must be signed in to change notification settings - Fork 102
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
6 changed files
with
99 additions
and
62 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,10 +1,56 @@ | ||
# Data Flow e Componentes Java (parte 2) | ||
*Lab de Componentização e Reúso de Software 07/08/2021* | ||
# Data Flow e Componentes (parte 2) | ||
*Lab de Componentização e Reúso de Software 08/08/2020* | ||
|
||
No diretório [notebooks/](notebooks/) estão quatro notebooks: | ||
* `components-1-chart-single-class.ipynb` - Exemplo em que é implementada uma aplicação compondo dois componentes (progressão geométrica e gráfico) e são apresentadas duas tarefas da primeira parte do Lab 2. | ||
* `components-2-chart-multiple-classes.ipynb` - Exemplo de componentes contendo múltiplas classes. Não há tarefas associadas a esse notebook. | ||
* `components-3-chart-factory.ipynb` - Exemplo de fábrica de componentes. Não há tarefas associadas a esse notebook. | ||
* `components-4-catalog.ipynb` - Apresenta o catálogo de componentes, o modo de conectá-los (visto pela perspectiva blackbox - externa) para montar uma composição. Ele apresenta seis tarefas que devem ser resolvidas como segunda parte do Lab 2. | ||
No diretório [notebooks/data-flow/](notebooks/data-flow/) você encontrará duas pastas. | ||
|
||
A entrega desse lab será formada pelo notebook `components-1-chart-single-class.ipynb` com as duas tarefas resolvidas e o notebook `components-4-catalog.ipynb` com as seis tarefas resolvidas. | ||
Na pasta [s01interfaces](notebooks/data-flow/s01interfaces/) está um notebook de explicação sobre como combinar múltiplas interfaces menores em uma maior. Ele tem a função de revisar o assunto de interfaces. Essa estratégia é usada aqui para componentes. | ||
|
||
No diretório [s02catalog](notebooks/data-flow/s02catalog/) estão três notebooks: | ||
* `components-01-catalog.ipynb` - Apresenta o catálogo de componentes, o modo de conectá-los (visto pela perspectiva blackbox - externa) para montar uma composição. Ele apresenta seis tarefas que devem ser resolvidas. | ||
* `components-02-whitebox.ipynb` - Visão interna dos componentes (whitebox). | ||
* `components-03-statistics.ipynb` - Exemplo adicional sobre o componente `Statistics` para estudo (opcional). | ||
|
||
A entrega desse lab será formada pelo notebook `components-01-catalog.ipynb` com as seis tarefas resolvidas. Os notebooks `multiplas-interfaces.ipynb` (revisão) e `components-02-whitebox.ipynb` não têm tarefas associadas e o notebook `components-03-statistics.ipynb` tem exercícios opcionais que não precisam ser entregues. | ||
|
||
# Componentes e Mensagens | ||
|
||
Esse lab será voltado a componentes na Web usando a implementação do Digital Content Component (DCC). | ||
|
||
Utilize o ambiente [DCC Playground](https://santanche.github.io/component2learn/labs/02-data-flow_messages/notebooks/messages/dccs/playground/) testar a sua resposta, em seguida, copie e cole a resposta na respectiva resposta. | ||
|
||
Utilize o ambiente da seguinte maneira: | ||
1. Escreva o código em HTML no painel `Editor` | ||
2. Clique no botão `Render` para que ele execute o código | ||
3. Veja o resultado da execução no painel `Result` | ||
4. Mensagens enviadas por componentes podem ser vistas no painel `Messages` | ||
|
||
Para esta atividade, há uma referência compacta em que são selecionados os componentes usados, bem como padrões de mensagens: [Referência compacta](dcc-reference.md). | ||
Para consultar a sintaxe e ver exemplos dos DCCs veja a [Referência dos DCCS](https://ds4h.org/harena-space/src/adonisjs/public/dccs/). | ||
|
||
## Tarefa Web Components 1 | ||
|
||
Crie quatro botões com rótulos `Mundo`, `Brasil P`, `Brasil E` e `Bahia` que, ao serem clicados, publiquem notícias nos seguintes tópicos (conteúdo a sua escolha): | ||
* `noticia/mundo/politica` | ||
* `noticia/brasil/politica` | ||
* `noticia/brasil/esporte` | ||
* `noticia/bahia/esporte` | ||
|
||
O segundo nível do tópico indica a região da notícia e o terceiro o assunto. Associe a cada tópico o texto de uma mensagem de sua criação. | ||
|
||
Crie três personagens (`doctor`, `nurse` e `patient`) usando o `<dcc-lively-talk>`. Cada um deles deve mostrar seletivamente (em seu balão) notícias publicadas pelos botões, conforme os seguintes critérios: | ||
* `doctor` - mostra notícias sobre política (independentemente de região); | ||
* `nurse` - mostra notícias cuja região é o Brasil (independentemente do assunto); | ||
* `patient` - mostra todas as notícias. | ||
|
||
## Tarefa Web Components 2 | ||
|
||
Crie dois componentes RSS usando o `<dcc-rss>` que assinem os canais: | ||
* canal 1 (ciência): https://www.wired.com/category/science/feed | ||
* canal 2 (design): https://www.wired.com/category/design/feed | ||
|
||
Crie um agregador de mensagens usando o `<dcc-aggregator>` para notícias de ciência. | ||
|
||
Crie três personagens (`doctor`, `nurse` e `patient`) usando o `<dcc-lively-talk>`. Cada um deles deve mostrar seletivamente (em seu balão) RSSs ou agregados, conforme os seguintes critérios: | ||
* `doctor` - mostra notícias agregadas de ciências; | ||
* `nurse` - mostra notícias de ciências; | ||
* `patient` - mostra notícias de design. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,56 +1,10 @@ | ||
# Data Flow e Componentes (parte 2) | ||
*Lab de Componentização e Reúso de Software 08/08/2020* | ||
# Data Flow e Componentes Java (parte 2) | ||
*Lab de Componentização e Reúso de Software 07/08/2021* | ||
|
||
No diretório [notebooks/data-flow/](notebooks/data-flow/) você encontrará duas pastas. | ||
No diretório [notebooks/](notebooks/) estão quatro notebooks: | ||
* `components-1-chart-single-class.ipynb` - Exemplo em que é implementada uma aplicação compondo dois componentes (progressão geométrica e gráfico) e são apresentadas duas tarefas da primeira parte do Lab 2. | ||
* `components-2-chart-multiple-classes.ipynb` - Exemplo de componentes contendo múltiplas classes. Não há tarefas associadas a esse notebook. | ||
* `components-3-chart-factory.ipynb` - Exemplo de fábrica de componentes. Não há tarefas associadas a esse notebook. | ||
* `components-4-catalog.ipynb` - Apresenta o catálogo de componentes, o modo de conectá-los (visto pela perspectiva blackbox - externa) para montar uma composição. Ele apresenta seis tarefas que devem ser resolvidas como segunda parte do Lab 2. | ||
|
||
Na pasta [s01interfaces](notebooks/data-flow/s01interfaces/) está um notebook de explicação sobre como combinar múltiplas interfaces menores em uma maior. Ele tem a função de revisar o assunto de interfaces. Essa estratégia é usada aqui para componentes. | ||
|
||
No diretório [s02catalog](notebooks/data-flow/s02catalog/) estão três notebooks: | ||
* `components-01-catalog.ipynb` - Apresenta o catálogo de componentes, o modo de conectá-los (visto pela perspectiva blackbox - externa) para montar uma composição. Ele apresenta seis tarefas que devem ser resolvidas. | ||
* `components-02-whitebox.ipynb` - Visão interna dos componentes (whitebox). | ||
* `components-03-statistics.ipynb` - Exemplo adicional sobre o componente `Statistics` para estudo (opcional). | ||
|
||
A entrega desse lab será formada pelo notebook `components-01-catalog.ipynb` com as seis tarefas resolvidas. Os notebooks `multiplas-interfaces.ipynb` (revisão) e `components-02-whitebox.ipynb` não têm tarefas associadas e o notebook `components-03-statistics.ipynb` tem exercícios opcionais que não precisam ser entregues. | ||
|
||
# Componentes e Mensagens | ||
|
||
Esse lab será voltado a componentes na Web usando a implementação do Digital Content Component (DCC). | ||
|
||
Utilize o ambiente [DCC Playground](https://santanche.github.io/component2learn/labs/02-data-flow_messages/notebooks/messages/dccs/playground/) testar a sua resposta, em seguida, copie e cole a resposta na respectiva resposta. | ||
|
||
Utilize o ambiente da seguinte maneira: | ||
1. Escreva o código em HTML no painel `Editor` | ||
2. Clique no botão `Render` para que ele execute o código | ||
3. Veja o resultado da execução no painel `Result` | ||
4. Mensagens enviadas por componentes podem ser vistas no painel `Messages` | ||
|
||
Para esta atividade, há uma referência compacta em que são selecionados os componentes usados, bem como padrões de mensagens: [Referência compacta](dcc-reference.md). | ||
Para consultar a sintaxe e ver exemplos dos DCCs veja a [Referência dos DCCS](https://ds4h.org/harena-space/src/adonisjs/public/dccs/). | ||
|
||
## Tarefa Web Components 1 | ||
|
||
Crie quatro botões com rótulos `Mundo`, `Brasil P`, `Brasil E` e `Bahia` que, ao serem clicados, publiquem notícias nos seguintes tópicos (conteúdo a sua escolha): | ||
* `noticia/mundo/politica` | ||
* `noticia/brasil/politica` | ||
* `noticia/brasil/esporte` | ||
* `noticia/bahia/esporte` | ||
|
||
O segundo nível do tópico indica a região da notícia e o terceiro o assunto. Associe a cada tópico o texto de uma mensagem de sua criação. | ||
|
||
Crie três personagens (`doctor`, `nurse` e `patient`) usando o `<dcc-lively-talk>`. Cada um deles deve mostrar seletivamente (em seu balão) notícias publicadas pelos botões, conforme os seguintes critérios: | ||
* `doctor` - mostra notícias sobre política (independentemente de região); | ||
* `nurse` - mostra notícias cuja região é o Brasil (independentemente do assunto); | ||
* `patient` - mostra todas as notícias. | ||
|
||
## Tarefa Web Components 2 | ||
|
||
Crie dois componentes RSS usando o `<dcc-rss>` que assinem os canais: | ||
* canal 1 (ciência): https://www.wired.com/category/science/feed | ||
* canal 2 (design): https://www.wired.com/category/design/feed | ||
|
||
Crie um agregador de mensagens usando o `<dcc-aggregator>` para notícias de ciência. | ||
|
||
Crie três personagens (`doctor`, `nurse` e `patient`) usando o `<dcc-lively-talk>`. Cada um deles deve mostrar seletivamente (em seu balão) RSSs ou agregados, conforme os seguintes critérios: | ||
* `doctor` - mostra notícias agregadas de ciências; | ||
* `nurse` - mostra notícias de ciências; | ||
* `patient` - mostra notícias de design. | ||
A entrega desse lab será formada pelo notebook `components-1-chart-single-class.ipynb` com as duas tarefas resolvidas e o notebook `components-4-catalog.ipynb` com as seis tarefas resolvidas. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
## Dentro desta pasta deve estar a sua solução do laboratório. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
# Modelo para Apresentação do Lab01 - Data Flow | ||
|
||
Estrutura de pastas: | ||
|
||
~~~ | ||
├── README.md <- arquivo apresentando a tarefa | ||
│ | ||
├── images <- arquivos de imagens usadas no documento | ||
│ | ||
└── orange <- arquivos do Orange | ||
~~~ | ||
|
||
# Aluno | ||
* `<nome completo>` | ||
|
||
# Tarefa 1 - Workflow para Recomendação de Zombie Meals | ||
|
||
## Imagem do Projeto | ||
> Coloque uma imagem da captura de tela com o projeto do Orange (veja exemplo abaixo). | ||
![Workflow Orange](images/orange-zombie-meals-prediction.png) | ||
|
||
## Arquivo do Projeto | ||
> Coloque um link para o arquivo em Orange. | ||
# Tarefa 2 - Projeto de Composição para Venda e Recomendação | ||
|
||
## Diagrama de Componentes | ||
|
||
> Imagem (`PNG`) do diagrama de componentes (veja exemplo abaixo). | ||
![Diagrama Venda](images/diagrama-componentes-venda.png) | ||
|
||
## Texto Explicativo | ||
|
||
> Texto explicando diagrama, conforme especificação do laboratório. |