2016-08-31T17:58:06Z

Rodrigo.edamatsu: Criou página com '''Participantes: Alexandre Paravani, Rhenan, Odassi, Kelvin, Willian, Everton, Wellington, Ana Francisco e Rodrigo Edamatsu.'' * Paravani comentou que atualizou o grunt para...'

''Participantes: Alexandre Paravani, Rhenan, Odassi, Kelvin, Willian, Everton, Wellington, Ana Francisco e Rodrigo Edamatsu.''

* Paravani comentou que atualizou o grunt para rodar o live reload do css

* Foi apresentado e discutido sobre karma e jasmine baseado nos links:
** https://scotch.io/tutorials/testing-angularjs-with-jasmine-and-karma-part-1
** https://scotch.io/tutorials/testing-angularjs-with-jasmine-and-karma-part-2

* Em seguida foi apresentado o QUnit e o exemplo feito pelo Everton
** Surgiram dúvidas de como integrá-lo com Angular e como tratar eventos assíncronos

* Indicamos a importância de testes unitários para facilitar manutenções futuras, porém é necessário uma mudança na cultura para aceitar nas estimativas e também dos próprios devs para deixar as funções com menos responsabilidades.

* Foi discutido de convidar o Virgilio para apresentar o Mocha no próximo fórum.

* Paravani comentou sobre um link que explica sobre os conceitos de pre, pos, link das Diretivas

* Discutimos sobre a necessidade de mapear as diretivas e criar exemplos de aplicação
** Decidimos organizar o grupo front-end do gitlab para permitir que todos os membros possam criar repositórios
** Os repositórios serão criados utilizando um label inicial "diretivas" para facilitar a busca
** Caso fique com muitos repositórios será analisado de criar um grupo só para centralizar as diretivas
** Nos dividimos para versionarmos algumas diretivas existentes que ficou registrado no backlog

* Edamatsu comentou que os templates de angular do mstech-bacon-cli já está olhando o repositório

Desenvolvimento Front-End

2016-08-31T17:20:23Z

Rodrigo.edamatsu:

Componentes

2016-08-16T18:47:46Z

Rodrigo.edamatsu:

== Listagem de Componentes ==

*'''Paginação'''
** Ui-bootstrap
** Julio fez

* '''Orderby'''
** Rodrigo/Rhenan/Ana fizeram
** Listorderby: Paravani (analisar)

* '''Lazy scroll / infinite scroll'''
** Orderby:
*** Por data
*** Will: fez em jquery

* '''Pop-up/modal'''
** Julio fez
** Ui-bootstrap

* '''Alert'''
** Ui-bootstrap
** Toastr
** Julio fez

* '''Datepicker'''
** Ui-boostrap
*** https://angular-ui.github.io/bootstrap/#/datepicker
*** Utils: locale

* Datepicker - bootstrap
* Datetimepicker - deriva do bootstrap 3
** https://eonasdan.github.io/bootstrap-datetimepicker/
** Problemas que podem ocorrer
*** Inserir um valor inicial com o formato incorreto
** Dependência
*** Moment
** Pros
*** Permite algumas customizações
*** Fácil utilização
*** Foi utilizado em projetos com e sem angular

* '''Tratamento de data e hora'''
** Moment
*** Utils: locale

* '''Upload'''
** Julio/Odassi/Simões fez
** Rhenan wrapper

* '''Popover'''
** Ui-bootstrap
** Julio fez

* '''Tree view'''
** Will fez
** Procurar diretivas

* '''Máscara nos inputs'''
** ng-mask

* '''Tag'''
** Rhenan busca depois (fácil customização, porém não era muito intuitiva)

* '''Player de vídeo'''
** Conversar com Everton
** Player.io
** Video.js
** Diretiva de player
*** Analisar diretivas

Componentes

2016-08-16T18:44:39Z

Rodrigo.edamatsu: Criou página com 'LISTAGEM DE Componentes: *Paginação ** Ui-bootstrap ** Julio fez * Orderby ** Rodrigo/Rhenan/Ana fizeram ** Listorderby: Paravani (analisar) * Lazy scroll / infinite...'

LISTAGEM DE Componentes:

*Paginação
** Ui-bootstrap
** Julio fez

* Orderby
** Rodrigo/Rhenan/Ana fizeram
** Listorderby: Paravani (analisar)

* Lazy scroll / infinite scroll
** Orderby:
*** Por data
*** Will: fez em jquery

* Pop-up/modal
** Julio fez
** Ui-bootstrap

* Alert
** Ui-bootstrap
** Toastr
** Julio fez

* Datepicker
** Ui-boostrap
*** https://angular-ui.github.io/bootstrap/#/datepicker
*** Utils: locale

* Datepicker - bootstrap
* Datetimepicker - deriva do bootstrap 3
** https://eonasdan.github.io/bootstrap-datetimepicker/
** Problemas que podem ocorrer
□ Inserir um valor inicial com o formato incorreto
§ Dependência
□ Moment
§ Pros
□ Permite algumas customizações
□ Fácil utilização
□ Foi utilizado em projetos com e sem angular

* Tratamento de data e hora
** Moment
*** Utils: locale

* Upload
** Julio/Odassi/Simões fez
** Rhenan wrapper

* Popover
** Ui-bootstrap
** Julio fez

* Tree view
** Will fez
** Procurar diretivas

* Máscara nos inputs
** ng-mask

* Tag
** Rhenan busca depois (fácil customização, porém não era muito intuitiva)

* Player de vídeo
** Conversar com Everton
** Player.io
** Video.js
** Diretiva de player
*** Analisar diretivas

Desenvolvimento Front-End

2016-08-16T18:38:46Z

Rodrigo.edamatsu:

16/08

2016-08-16T18:28:29Z

Rodrigo.edamatsu: Criou página com '''Participantes: Juliana Morota, Euller, Odassi, Kelvin, Rhenan, Alexandre Paravani, Willian, Ana Francisco e Rodrigo Edamatsu.'' '''Apresentação do gerador de código (ms...'

''Participantes: Juliana Morota, Euller, Odassi, Kelvin, Rhenan, Alexandre Paravani, Willian, Ana Francisco e Rodrigo Edamatsu.''

'''Apresentação do gerador de código (mstech-bacon-cli):'''
* Como configurar o npm para buscar o servidor http://npm.mstech.com.br
* Utilização do bacon-cli e apresentação das features
* Levantamento de melhorias - TODO: Willian/ Rodrigo
** bacon --init: passar parâmetro --all nome_do_arquivo
** bacon --all: criar repositório, business e controller
** Criar arquivo para identificar a raíz do projeto

'''Alterações solicitadas na arquitetura:'''
* Renomear libs para vendor - aprovado
* Remover pasta apps - aprovado
* Remover ".controller" dos controllers - não aceita

'''Testes unitários:'''
* Alexandre Paravani apresentou o link: http://stackoverflow.com/questions/300855/javascript-unit-test-tools-for-tdd
* Depois explicou o conceito de teste unitário e um pouco do funcionamento dos frameworks de teste unitário.
* Criamos um TODO para todos os membros realizarem testes nos frameworks para trazer suas experiências para que possamos encontrar/definir um futuro framework de teste.

'''Organização:'''
* Caso necessário Alexandre Paravani e Rhenan ficam responsáveis por tocar o fórum.

'''Dicas:'''
* Quando criar diretiva deixe uma área/propriedade custom para receber um estilo externo.
* Alexandre Paravani comentou da importância de entender os recursos da diretiva como pos e pre.
* TODO: Entender os conceitos de diretiva (pos, pre) e apresentar no fórum.
* Se precisar usar highcharts não utilize o ng-highcharts, compensa desenvolver na mão.

'''Ui-bootstrap:'''
* A equipe de design da informação comentou que facilita a customização do layout, porém não sabemos dizer se é realmente fácil ou porquê estão acostumados.
* Datepicker do ui-bootstrap ficou mais fácil de customizar nas últimas versões lançadas, porém pode não ser tão flexível.

'''Informativo:'''
* Houve um alinhamento com equipe de Design da Informação sobre o problema do maxlength
* Rhenan comentou que pode resolver também com chamadas do back-end para trazer a quantidade caracteres (em caso de campos dinâmicos é muito importante).

Desenvolvimento Front-End

2016-08-16T18:23:33Z

Rodrigo.edamatsu: /* Atas dos fóruns */

== Padrões definidos ==

* [[Comentários - definido em 17/03/16]]
* [[Padronização de pastas - definido em 31/03/16]]
* [[Arquitetura de projeto Angular (a definir)]]
* [[Testes unitários (a definir)]]

== Itens de backlog ==

* [[Decisões tomadas da equipe front-end]]

== Atas dos fóruns ==

* '''2016''' ''(em construção)''
** [[17/03]]
** [[31/03]] (digitar ata)
** [[02/06]]
** [[24/06]]
** [[11/07]]
** [[02/08]]
** [[16/08]]

Decisões tomadas da equipe front-end

2016-08-16T18:03:29Z

Rodrigo.edamatsu: /* Pendentes */

Decisões tomadas da equipe front-end

2016-08-16T18:02:14Z

Rodrigo.edamatsu:

2016-08-02T20:32:47Z

Rodrigo.edamatsu: Criou página com '== Fórum - Resumo da discussão == ''Participantes: Paravani, Everton, Willian e Rodrigo'' * Resumo do último fórum; * Apresentação das ações do GQA: ** Jenkins: http:...'

== Fórum - Resumo da discussão ==
''Participantes: Paravani, Everton, Willian e Rodrigo''

* Resumo do último fórum;
* Apresentação das ações do GQA:
** Jenkins: http://jenkinsdotnet.mstech.com.br
** SonarQube: http://sonarqube.mstech.com.br
* '''Discussões sobre problemas que ocorreram em projetos:'''
** Ng-options inserindo title nos options do select
** Promise se mantendo mesmo após atualizar navegador (verificar realmente é verdadeiro)
** Campos de inputs sem maxlength o que permite enviar massa de dados grande
*** Solução a médio/longo prazo: inserir informação na mockup ou wireframe
*** Solução a curto prazo: inserir no front mantendo alinhado com o permitido no banco de dados
** Foi discutido formas de como gerar pdf no front-end devido ao problema de baixa performance com evopdf (sem solução rápida para o Portal de Esportes)
*** Testar: jsPDF, pdf.js, pdfMake, nativo do navegador
** Discutimos para iniciar testes aplicados em testes unitários e end two end (e2e)
** Começamos a discussão sobre utilidades para facilitar o desenvolvimento, listamos por enquanto as seguintes diretivas:
*** Paginação
*** Pop-up/modal
*** Alert
*** Datepicker
*** Datetimepicker
*** Moment
*** Upload
*** Popover
*** Ordenação de lista/table
*** Tree view
*** A intenção é continuar listando para montar uma lista de diretivas recomendadas e criar uma lista de diretivas que precisam ser criadas ou otimizadas.

== Próximos passos ==

[https://wiki.mstech.com.br/index.php/Decis%C3%B5es_tomadas_da_equipe_front-end Acesse o Backlog]

Desenvolvimento Front-End

2016-08-02T20:12:43Z

Rodrigo.edamatsu: /* Atas dos fóruns */

== Padrões definidos ==

* [[Comentários - definido em 17/03/16]]
* [[Padronização de pastas - definido em 31/03/16]]
* [[Arquitetura de projeto Angular (a definir)]]
* [[Testes unitários (a definir)]]

== Itens de backlog ==

* [[Decisões tomadas da equipe front-end]]

== Atas dos fóruns ==

* '''2016''' ''(em construção)''
** [[17/03]]
** [[31/03]] (digitar ata)
** [[02/06]]
** [[24/06]]
** [[11/07]]
** [[02/08]]