From b1151089f128bd0277a35a54ac0ce7801ba6a156 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Santanch=C3=A8?= Date: Sat, 7 Aug 2021 17:07:08 -0300 Subject: [PATCH] fix (lab 2/2): wrong folder --- labs/2020/02-data-flow_messages/README.md | 62 +++++++++++++++++--- labs/2021/02-dataflow_mvc/README.md | 62 +++----------------- labs/2021/02-dataflow_mvc/solucoes/README.md | 1 + labs/2021/README.md | 1 + templates/2021/README.md | 1 + templates/2021/lab02/README.md | 34 +++++++++++ 6 files changed, 99 insertions(+), 62 deletions(-) create mode 100644 labs/2021/02-dataflow_mvc/solucoes/README.md create mode 100644 templates/2021/lab02/README.md diff --git a/labs/2020/02-data-flow_messages/README.md b/labs/2020/02-data-flow_messages/README.md index 556923965..2546da331 100644 --- a/labs/2020/02-data-flow_messages/README.md +++ b/labs/2020/02-data-flow_messages/README.md @@ -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 ``. 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 `` 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 `` para notícias de ciência. + +Crie três personagens (`doctor`, `nurse` e `patient`) usando o ``. 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. \ No newline at end of file diff --git a/labs/2021/02-dataflow_mvc/README.md b/labs/2021/02-dataflow_mvc/README.md index 2546da331..556923965 100644 --- a/labs/2021/02-dataflow_mvc/README.md +++ b/labs/2021/02-dataflow_mvc/README.md @@ -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 ``. 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 `` 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 `` para notícias de ciência. - -Crie três personagens (`doctor`, `nurse` e `patient`) usando o ``. 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. \ No newline at end of file +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. diff --git a/labs/2021/02-dataflow_mvc/solucoes/README.md b/labs/2021/02-dataflow_mvc/solucoes/README.md new file mode 100644 index 000000000..7de6ce0bc --- /dev/null +++ b/labs/2021/02-dataflow_mvc/solucoes/README.md @@ -0,0 +1 @@ +## Dentro desta pasta deve estar a sua solução do laboratório. diff --git a/labs/2021/README.md b/labs/2021/README.md index 0009a0139..eb2b95bab 100644 --- a/labs/2021/README.md +++ b/labs/2021/README.md @@ -3,6 +3,7 @@ ## Laboratórios * [Laboratório 1](01-data-flow/) +* [Laboratório 2](02-data-flow_mvc/) ## Passos para submissão dos Laboratórios. diff --git a/templates/2021/README.md b/templates/2021/README.md index e249a67ec..e434bd9ce 100644 --- a/templates/2021/README.md +++ b/templates/2021/README.md @@ -5,6 +5,7 @@ Cada laboratório tem seu template que está especificado dentro da respectiva pasta: * [Laboratório 1](lab01/) +* [Laboratório 1](lab02/) Abaixo são dadas orientações gerais para todos os laboratórios. diff --git a/templates/2021/lab02/README.md b/templates/2021/lab02/README.md new file mode 100644 index 000000000..49161c5b4 --- /dev/null +++ b/templates/2021/lab02/README.md @@ -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 +* `` + +# 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.