Merge pull request #311 from Tulio-B/entrega-projeto

Entrega projeto Equipe 06

labs/2022/01-architectures/solucoes/GuilhermeAbacherli/README.md

@@ -0,0 +1,189 @@
+# Lab01 - Estilos Arquiteturais
+
+# Aluno
+* `Guilherme Pedrozo Abacherli`
+
+## Tarefa 1 - Web Components e Tópicos
+
+> Código da composição de componentes Web da tarefa 1:
+~~~html
+<!-- Buttons -->
+<dcc-button
+  label="Mundo Política"
+  topic="noticia/mundo/politica"
+  message="Paz internacional!">
+</dcc-button>
+<dcc-button
+  label="Brasil Política"
+  topic="noticia/brasil/politica"
+  message="Eleições no Brasil!">
+</dcc-button>
+<dcc-button label="Brasil Dinos"
+  topic="noticia/brasil/dinos"
+  message="Parque brasileiro com tema Dino!">
+</dcc-button>
+<dcc-button
+  label="Bahia Dinos"
+  topic="noticia/bahia/dinos"
+  message="Fósseis encontrados na Bahia!">
+</dcc-button>
+
+<!-- Characters -->
+<dcc-lively-talk
+  speech="Eu ouvi sobre: "
+  subscribe="noticia/#:speech">
+</dcc-lively-talk>
+<dcc-lively-talk
+  character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png"
+  speech="Eu ouvi sobre: "
+  subscribe="noticia/+/politica:speech">
+</dcc-lively-talk>
+<dcc-lively-talk
+  character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png"
+  speech="Eu ouvi sobre: "
+  subscribe="noticia/brasil/+:speech">
+</dcc-lively-talk>
+~~~
+
+> Imagem da composição da tarefa 1 em funcionamento:
+![Composition Screenshot](images/tarefa1.png)
+
+## Tarefa 2 - Web Components e RSS
+
+> Código da composição de componentes Web da tarefa 2:
+~~~html
+<!-- RSS -->
+<dcc-rss
+  source="https://www.wired.com/category/science/feed"
+  subscribe="next/rss/science:next"
+  topic="rss/science">
+</dcc-rss>
+<dcc-rss
+  source="https://www.wired.com/category/design/feed"
+  subscribe="next/rss/design:next"
+  topic="rss/design">
+</dcc-rss>
+
+<!-- Aggregators -->
+<dcc-aggregator
+  topic="aggregate/science"
+  quantity="4"
+  subscribe="rss/science">
+</dcc-aggregator>
+<dcc-aggregator
+  topic="aggregate/design"
+  quantity="4"
+  subscribe="rss/design">
+</dcc-aggregator>
+
+<!-- Buttons -->
+<dcc-button
+  label="Ciências Próxima"
+  topic="next/rss/science">
+</dcc-button>
+<dcc-button
+  label="Design Próxima"
+  topic="next/rss/design">
+</dcc-button>
+
+<!-- Characters -->
+<dcc-lively-talk
+  character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png"
+  speech="News: "
+  subscribe="aggregate/science:speech">
+</dcc-lively-talk>
+<dcc-lively-talk
+  character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png"
+  speech="News: "
+  subscribe="rss/science:speech">
+</dcc-lively-talk>
+<dcc-lively-talk
+  speech="News: "
+  subscribe="rss/design:speech">
+</dcc-lively-talk>
+~~~
+
+> Imagem da composição da tarefa 2 em funcionamento:
+![Composition Screenshot](images/tarefa2.png)
+
+## Tarefa 3 - Painéis de Mensagens com Timer
+
+> Código da composição de componentes Web da tarefa 3:
+~~~html
+<!-- RSS -->
+<dcc-rss
+  source="https://www.wired.com/category/science/feed"
+  subscribe="next/rss/science:next"
+  topic="rss/science">
+</dcc-rss>
+<dcc-rss
+  source="https://www.wired.com/category/design/feed"
+  subscribe="next/rss/design:next"
+  topic="rss/design">
+</dcc-rss>
+
+<!-- Aggregator -->
+<dcc-aggregator
+  topic="aggregate/news"
+  quantity="3"
+  subscribe="rss/+">
+</dcc-aggregator>
+
+<!-- Characters -->
+<dcc-lively-talk
+  character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png"
+  speech="Science 1s: "
+  subscribe="rss/science:speech">
+</dcc-lively-talk>
+<dcc-lively-talk
+  character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png"
+  speech="Design 2s: "
+  subscribe="rss/design:speech">
+</dcc-lively-talk>
+<dcc-lively-talk
+  speech="Aggregated 2s: "
+  subscribe="aggregate/news:speech">
+</dcc-lively-talk>
+
+<!-- Timers -->
+<dcc-timer
+  cycles="10"
+  interval="1000"
+  topic="next/rss/science"
+  subscribe="start/timer:start">
+</dcc-timer>
+<dcc-timer
+  cycles="10"
+  interval="2000"
+  topic="next/rss/design"
+  subscribe="start/timer:start">
+</dcc-timer>
+<dcc-timer
+  cycles="10"
+  interval="2000"
+  topic="next/aggregate"
+  subscribe="start/timer:start">
+</dcc-timer>
+
+<!-- Button -->
+<dcc-button
+  label="Inicia"
+  topic="start/timer">
+</dcc-button>
+~~~
+
+> Imagem da composição da tarefa 3 em funcionamento:
+![Composition Screenshot](images/tarefa3.png)
+
+## Tarefa 4 - Web Components Dataflow
+
+> Imagem (`PNG`) do diagrama de componentes:
+![Diagrama Venda](images/tarefa4.png)
+
+> Parágrafo de breve discussão sobre a tarefa 4:\
+> Todos os componentes alteram o mesmo tipo de dados, eles têm o mesmo
+> contrato de parâmetros, enviam e recebem informações da mesma natureza,
+> ou seja, "falam a mesma língua", dessa forma são intercambiáveis:
+> pode-se adicionar, remover ou alterar os componentes que manipulam e exibem
+> esses dados, assim é possível obter diferentes resultados que venham a ser desejados.
+>

labs/2022/01-architectures/solucoes/Tulio-B/README.md

@@ -0,0 +1,64 @@
+# Aluno
+* Tulio Bassaco Bustos
+
+## Tarefa 1 - Web Components e Tópicos
+
+~~~html
+<dcc-button label="Mundo Política" topic="noticia/mundo/politica" message="política no mundo"></dcc-button>
+<dcc-button label="Brasil Política" topic="noticia/brasil/politica" message="política no brasil"></dcc-button>
+<dcc-button label="Brasil Dinos" topic="noticia/brasil/dinos" message="dinossauros do brasil"></dcc-button>
+<dcc-button label="Bahia Dinos" topic="noticia/bahia/dinos" message="dinosasuros da bahia"></dcc-button>
+
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png" speech="Tenho interesse em " subscribe="noticia/+/politica:speech"></dcc-lively-talk>
+
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png" speech="Tenho interesse em " subscribe="noticia/brasil/#:speech"></dcc-lively-talk>
+
+<dcc-lively-talk speech="Tenho interesse em " subscribe="noticia/#:speech"></dcc-lively-talk>
+~~~
+
+![image](imagens/Atividade1.png)
+
+## Tarefa 2 - Web Components e RSS
+
+~~~html
+<dcc-rss source="https://www.wired.com/category/science/feed" subscribe="next-science/rss:next" topic="rss/science"></dcc-rss>
+<dcc-rss source="https://www.wired.com/category/design/feed" subscribe="next-design/rss:next" topic="rss/design"></dcc-rss>
+
+<dcc-aggregator topic="aggregate/science" quantity="4" subscribe="rss/science"></dcc-aggregator>
+
+<dcc-button label="Ciências Próxima" topic="next-science/rss"></dcc-button>
+<dcc-button label="Design Próxima" topic="next-design/rss"></dcc-button>
+
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png" speech="Notícias de ciências" subscribe="aggregate/science:speech"></dcc-lively-talk>
+
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png" speech="Notícia de ciência" subscribe="rss/science:speech"></dcc-lively-talk>
+
+<dcc-lively-talk speech="Notícia de design" subscribe="rss/design:speech"></dcc-lively-talk>
+~~~
+
+## Tarefa 3 - Painéis de Mensagens com Timer
+
+~~~html
+<dcc-rss source="https://www.wired.com/category/science/feed" subscribe="next-science/rss:next" topic="rss/science"></dcc-rss>
+<dcc-rss source="https://www.wired.com/category/design/feed" subscribe="next-design/rss:next" topic="rss/design"></dcc-rss>
+
+<dcc-aggregator topic="aggregate/all" quantity="3" subscribe="rss/#"></dcc-aggregator>
+
+<dcc-timer cycles="10" interval="1000" topic="next-science/rss" subscribe="start/timer:start"></dcc-timer>
+<dcc-timer cycles="10" interval="2000" topic="next-design/rss" subscribe="start/timer:start"></dcc-timer>
+
+<dcc-button label="Inicia" topic="start/timer">
+</dcc-button>
+
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png" speech="Notícia de ciência" subscribe="rss/science:speech"></dcc-lively-talk>
+
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png" speech="Notícia de design" subscribe="rss/design:speech"></dcc-lively-talk>
+
+<dcc-lively-talk speech="Notícias de ciência e design" subscribe="aggregate/all:speech"></dcc-lively-talk>
+~~~
+
+## Tarefa 4 - Web Components Dataflow
+> Imagem (`PNG`) do diagrama de componentes (veja exemplo abaixo).
+![Diagrama Venda](images/web-composition.png)
+>
+> Escreva aqui o parágrafo de breve discussão.

labs/2022/01-architectures/solucoes/dan7sc/README.md

@@ -0,0 +1,107 @@
+# Modelo para Apresentação do Lab01 - Estilos Arquiteturais
+
+Estrutura de pastas:
+
+~~~
+├── README.md  <- arquivo apresentando a tarefa
+│
+└── images     <- arquivos de imagens usadas no documento
+~~~
+
+# Aluno
+* `Daniel Salgado Costa`
+
+## Tarefa 1 - Web Components e Tópicos
+
+> Código da composição de componentes Web:
+
+~~~html
+<dcc-button label="Mundo Política" topic="noticia/mundo/politica" message="política do mundo">
+</dcc-button>
+<dcc-button label="Brasil Política" topic="noticia/brasil/politica" message="política do brasil">
+</dcc-button>
+<dcc-button label="Brasil Dinos" topic="noticia/brasil/dinos" message="dinos do brasil">
+</dcc-button>
+<dcc-button label="Bahia Dinos" topic="noticia/bahia/dinos" message="dinos da bahia">
+</dcc-button>
+
+  <dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png" speech="Eu quero ouvir sobre: " subscribe="noticia/#/politica:speech">
+  </dcc-lively-talk>
+  <dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png" speech="Eu quero ouvir sobre: " subscribe="noticia/brasil/#:speech">
+  </dcc-lively-talk>
+  <dcc-lively-talk speech="Eu quero ouvir sobre: " subscribe="noticia/#/#:speech">
+  </dcc-lively-talk>
+~~~
+
+> Imagem da composição em funcionamento:
+
+![Composition Screenshot](images/tarefa01.png)
+
+## Tarefa 2 - Web Components e RSS
+> Código da composição de componentes Web:
+
+~~~html
+<dcc-rss source="https://www.wired.com/category/science/feed" subscribe="next/rss/science:next" topic="rss/science">
+</dcc-rss>
+<dcc-rss source="https://www.wired.com/category/design/feed" subscribe="next/rss/design:next" topic="rss/design">
+</dcc-rss>
+<dcc-aggregator topic="aggregate/science" quantity="4" subscribe="rss/science">
+</dcc-aggregator>
+
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png" speech="Compact: " subscribe="aggregate/science:speech">
+</dcc-lively-talk>
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png" speech="News: " subscribe="rss/science:speech">
+</dcc-lively-talk>
+<dcc-lively-talk speech="News: " subscribe="rss/design:speech">
+</dcc-lively-talk>
+
+<dcc-button label="Ciências Próxima" topic="next/rss/science">
+</dcc-button>
+<dcc-button label="Design Próxima" topic="next/rss/design">
+</dcc-button>
+~~~
+
+> Imagem da composição em funcionamento:
+
+![Composition Screenshot](images/tarefa02.png)
+
+## Tarefa 3 - Painéis de Mensagens com Timer
+> Código da composição de componentes Web:
+
+~~~html
+<dcc-rss source="https://www.wired.com/category/science/feed" subscribe="next/rss/science:next" topic="rss/science">
+</dcc-rss>
+<dcc-rss source="https://www.wired.com/category/design/feed" subscribe="next/rss/design:next" topic="rss/design">
+</dcc-rss>
+<dcc-aggregator topic="aggregate/#" quantity="4" subscribe="rss/#">
+</dcc-aggregator>
+
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/doctor.png" speech="News: " subscribe="rss/science:speech">
+</dcc-lively-talk>
+<dcc-lively-talk character="https://harena-lab.github.io/harena-docs/dccs/tutorial/images/nurse.png" speech="News: " subscribe="rss/design:speech">
+</dcc-lively-talk>
+<dcc-lively-talk speech="Compact: " subscribe="aggregate/#:speech">
+</dcc-lively-talk>
+
+<dcc-timer cycles="10" interval="1000" topic="next/rss/science" subscribe="start/feed:start">
+</dcc-timer>
+<dcc-timer cycles="10" interval="2000" topic="next/rss/design" subscribe="start/feed:start">
+</dcc-timer>
+<dcc-timer cycles="10" interval="2000" topic="next/rss" subscribe="start/feed:start">
+</dcc-timer>
+
+<dcc-button label="Start" topic="start/feed">
+</dcc-button>
+~~~
+
+> Imagem da composição em funcionamento:
+
+![Composition Screenshot](images/tarefa03.png)
+
+## Tarefa 4 - Web Components Dataflow
+> Imagem (`PNG`) do diagrama de componentes.
+![Diagrama 1](images/lab1_diagramas_de_referencia_01.png)
+![Diagrama 2](images/lab1_diagramas_de_referencia_02.png)
+![Diagrama 3](images/lab1_diagramas_de_referencia_03.png)
+>
+> O CSVReader é o componente responsável por criar a tabela a partir dos dados contidos no arquivo CSV. Os dados em forma de tabela serão a mensagem do tipo Data que será enviada ao componente Selection. O componente Selection será reponsável por filtrar as linhas da tabela a partir da seleção do valor de uma determinada coluna da tabela. A mensagem enviada será uma mensagem também do tipo Data mas com os dados filtrados por uma determinada coluna. O componente Projection é reponsável por projetar uma tabela com os valores de determinada coluna no eixo X e de outra coluna no eixo Y. A mensagem enviada contém uma tabela do tipo Data com uma coluna contendo os valores da coordenada X e outra coluna contendo os valores da coordenada Y. Por fim, o componente ScatterPlot recebe a mensagem do Projection para desenhar o gráfico de dispersão usando as coordenadas X e Y das colunas da tabela vinda como mensagem do componente Projection.