Revista TecnoUpdate
Na revista TecnoUpdate você vai encontrar conhecimento que vai te ajudar a ter uma visão mais ampla do seu negócio e idéias para continuar melhorando. Por isso fique a vontade e aproveite nosso conteúdo.
Edição IV
Diretoria
Erike Almeida Rodrigo Palhano Rodrigo Ramalho Jonathan Santos
Redatores
Augusto dos Santos Beatrice Cardoso Bruno Maestrello Gabriel Serra Igor Martins Jean Baldaia
Revisão Ortográfica Thalita Simoni Gabriel Serra Geison Durães
Excelência em Gestão Transparência em Gestão - Dashboards: informação para tomada de decisão sempre à mão! Olhando para o futuro Ideation - Fórmula para renovar sua empresa com os colaboradores.
06 Café com Contador O mistério do Bloco K - Simplificação nas exigências e layout. Capa Fim do boleto sem registro - Tudo sobre a nova plataforma da Febraban.
Design e Diagramação Elias Pereira Geison Durães
04
10
12
Cases de sucessos Unimed e Tecnospeed - Nós cuidamos da sua saúde.
20 Contato
contato@tecnospeed.com.br www.tecnospeed.com.br 0800 006 9500 44 3037 9500
De desenvolver para desenvolvedor Utilizando a engine Ejs para aplicações Em NodeJS.
Facebook: /tecnospeed
Documentos fiscais eletrônicos Vem aí, NF-e 4.0 - Com Apache Cordova.
22
26
Excelência em Gestão
Transparência em Gestão
Dashboards: Informações para tomada de decisão sempre à mão! Por Beatrice Cardoso
Sistemas de Indicadores
F
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
echando a série de artigos sobre transparência em gestão, o texto de hoje irá abordar como a apresentação dos indicadores pode aumentar a agilidade na tomada de decisão. Os dois primeiros artigos abordaram a importância dos indicadores e como tornálos eficazes, e podem ser vistos nas edições II e III da revista TecnoUpdate, respectivamente.
4
Após criarmos indicadores relevantes para mostrar o sucesso ou fracasso de um projeto/ ação/gestão é importante que além de destinados aos interessados corretos, eles também sejam apresentados em um suporte que propicie a interpretação rápida e fácil dos dados
só fazem sentido se interpretadas em conjunto . Construindo Dashboards Os dashboards devem ser construídos de acordo com os interesses de quem irá acompanhá-los. O nível operacional precisará acompanhar informações diferentes do nível tático, que acompanhará indicadores diferentes dos que interessam ao nível estratégico. Dessa forma, cada nível deve ter seu próprio dashboard com as informações relevantes para sua análise. Operacional - Dashboards operacionais têm, em geral, informações relativas às atividades diárias. São representados normalmente por gráficos de barras.
Tático Imagina aquele relatório de status de projeto com - Já para o nível tático, a tendência dos indicadores dezenas de gráficos, indicadores e informações que só num período de tempo é mais importante para ler demora um dia todo? Como basear a tomada para determinação de ações corretivas, e por de decisão em dados que demoram horrores para ser isso os gráficos com linhas são mais utilizados. interpretados se as coisas acontecem cada vez mais rápido e precisam de respostas na mesma velocidade? Estratégico Enquanto que para o nível estratégico, o Os dashboards são painéis de apresentação de importante são os status atuais dos macro indicadores, um conjunto de indicadores em forma gráfica. bastando as informações presentes em gráficos de Eles podem ser bastante úteis quando precisamos interpretar uma grande quantidade de informações que na maioria das vezes se relacionam e que por isso,
“
é fundamental que nossos
colaboradores tenham acesso
às metas pelos quais trabalham, que se inspirem e se orgulhem
velocímetro, onde normalmente os indicadores são divididos pelos níveis: Ruim, Regular, Bom e Ótimo, ou seja, o que interessa é verificar se as metas estabelecidas estão sendo cumpridas ou não. É Importante ressaltar que os dashboards reforçam a necessidade de se estabelecer indicadores de fácil coleta e alta relevância. Os painéis não devem ter muitas informações, desenhos elaborados demais ou diversas cores, o excesso de elementos pode dificultar a sua análise. Além da interpretação, a elaboração de relatórios de acompanhamento também é facilitada. Basta dar prints nos gráficos relevantes ou dashboards completos a cada período e salvá-los como documentação para posteriores consultas. Existem diversas ferramentas no mercado para a criação de dashboards, mas elas devem ser consideradas facilitadoras e não impeditivas no processo de criação, já que os painéis podem ser confeccionados no Excel, por exemplo, sem prejuízo algum. Dashboards na TecnoSpeed Aqui na TecnoSpeed os dashboards são tratados como
”
pilares de transparência em gestão. Cada setor possui o seu dashboard com informações relevantes e que ficam expostos em televisores dentro da própria área do setor. As informações são relevantes não somente para os integrantes do setor, mas também como forma de dar conhecimento aos outros colaboradores da empresa sobre os resultados de cada um dos setores, uma vez que estes ficam expostos todo o tempo com livre acesso aos colaboradores da empresa. Além dos dashboards setoriais, há um dashboard no painel central onde os principais indicadores da empresa são expostos, inclusive indicadores financeiros e metas compartilhadas entre setores. Nós entendemos que é fundamental que nossos colaboradores tenham acesso às metas pelos quais trabalham, que se inspirem e se orgulhem dos nossos resultados, assim como possam tomar rapidamente ações corretivas quando as coisas não estão dentro do planejado. Além das informações sempre disponíveis através dos dashboards, a transparência em gestão da TecnoSpeed também é baseada em muita colaboração, conhecimento e proatividade de todos os colaboradores que trabalham com a aspiração de sempre reduzir o esforço no desenvolvimento de software dos nossos clientes mantendo um ambiente agradável e saudável, estando entre as 3 melhores empresas de TI para se trabalhar no país!
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
dos nossos resultados
5
REVISTA REVISTA TECNOUPDATE TECNOUPDATE -- QUARTA QUARTA EDIÇÃO EDIÇÃO
Olhando para o futuro
6
Ideation
Por Jean Baldaia
tema será dividido, de forma que maximize o processo criativo dos participantes, como se fosse um funil. Em um primeiro momento, o grupo fará uma macroabordagem do tema, depois será exposto a um cenário mais específico e, finalmente, será apresentado o alvo central do workshop. Este processo, além de gerar mais ideias a respeito do tema abordado, facilita a construção de um cenário com maior abrangência, identificando oportunidades que ficavam escondidas pela análise direta do problema.
Conceito
Outro diferença importante, e talvez a crucial, entre as duas metodologias é uso do lateral thinking como principal forma de abordagem das situações
O Ideation é uma excelente metodologia contra a estagnação de pensamento e, diferente da maioria das ferramentas para geração de ideias, não é necessário ter um problema específico para ter resultados. O workshop visa modificar o status quo e padrões pré-estabelecidos, incrementando ou buscando alternativas à soluções já existentes e, em alguns casos, para as que ainda nem existem. Em outras palavras, o Ideation pode auxiliar na criação de produtos, modelos de negócios, processos, marketing, reelaborar conceitos e ideias, antecipar e projetar tendências, etc. O propósito do Ideation é criar o máximo de ideias possíveis para alcançar um objetivo pré-estabelecido pelo grupo. As ideias geradas podem ser listadas em um único quadro ou por equipe e, posteriormente, feita a integração numa lista geral. Pera aí, isso é um brainstorming! Apesar da premissa ser a mesma, o método é bastante diferente. Ideation x Brainstoming Enquanto em uma sessão de brainstorming o grupo gera ideias, geralmente sem nenhum filtro, em torno de um tema central, no Ideation o mesmo
propostas. O pensamento lateral busca identificar as soluções menos intuitivas, saindo da zona de conforto e do pensamento viciado dos participantes. O moderador não deve ter medo de censurar ideias que fazem parte do senso comum, uma vez que o sucesso do Ideation depende justamente desses insights, por outro lado, deve buscar abordá-las com um outro viés, e isto, nos leva a outro ponto importante do Ideation, a perspectiva.
Pense Diferente É bastante comum iniciarmos as reuniões de geração de ideias com o seguinte gatilho: “como nossa empresa pode fazer isso ou aquilo?” “como nossa equipe pode atingir determinado resultado?”, estes pensamentos comuns irão gerar ideias comuns. O Ideation propõe a mudança dessas perguntas para: “como eu posso resolver isto?”, “o que nosso vizinho faria nesta situação?” ou ainda “o que uma criança faria no nosso lugar?”. São estas mudanças de perspectiva que fomentam o pensamento lateral e, consequentemente, ideias pouco intuitivas e inovadoras. Agora que sabemos o que é o Ideation, como fazê-lo?
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
I
novar não é fácil. Principalmente quando estamos imersos em rotinas e processos antigos sem muito, ou nenhum, contato com as transformações que acontecem, constantemente, por todo mundo. Neste cenário, o trabalho é feito de forma mecânica, sem nos questionarmos se esta ou aquela é a melhor forma, ou a mais eficaz para resolver os problemas do cotidiano. Se este for o seu cenário atual, ou caso queira evitá-lo, um workshop de Ideation pode ser uma boa solução. E após a leitura desta coluna, você será capaz de promovê-lo por conta própria.
7
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
Início do evento Ideation aplicado na Tecnospeed pelo colaborador Jean Baldeia e pelo Diretor Rodrigo Palhano.
88
Como fazer o Ultimate Ideation 3.0.17! 1. Organização Basicamente é decidir quem vai fazer o workshop acontecer. Esta pessoa será responsável pela execução de todos os passos a seguir. 2. Escolha dos objetivos e tema Determinar quais serão os objetivos em relação ao workshop e qual será o tema a ser abordado. A escolha do tema neste momento é fundamental para selecionar os participantes. 3. Participantes Defina quais serão os participantes do workshop. É importante convidar todos que participarão de uma possível implementação do projeto. Lembrando que equipes multidisciplinares trazem resultados menos homogêneos. 4. Data Tenha em mente que o workshop é feito por pessoas para pessoas, sendo assim, escolha uma data de acordo com as necessidades dos participantes. 5. Local Com a lista de participantes em mão (ou pelo menos
uma base). Escolha um lugar que acolha todos confortavelmente e não tenha medo de realizar esta atividade fora da empresa. O ambiente externo pode auxiliar no desligamento com a rotina. Evite locais com alto ruído ou com influência direta do clima. 6. Alimentação Escolha bem o cardápio, a comida não pode ser um empecilho para a inovação. Sendo assim, é importante sempre estar disponível para saciar a equipe. Em ambientes externos, não esqueça da água! Dica: Chocolates. 7. Faça o cronograma do workshop Elabore o passo a passo do evento. Defina detalhes e o tempo para execução de cada atividade. Apesar de não ter um tempo específico, uma sessão comum de Ideation leva aproximadamente 3 horas. É importante iniciar o workshop com um exercício de aquecimento. O exercício tem como objetivo
integrar os participantes, deixando-os confortáveis entre os participantes. Para isto é simples, estabeleça uns com os outros e com mais disposição para o um prêmio e promova uma disputa entre as ideias mais promissoras. Pode ser uma apresentação Ideation. simples (pitch) utilizando o business model canvas ou outra ferramenta de apoio, fica à escolha de Faça aqui o download de um checklist. vocês. 8. Separe as ferramentas Canetas, quadros, conexão com a internet, post-its, puffs, almofadas. Faça uma lista e deixe tudo pronto para o evento. 9. Refine as ideias Ao final do workshop, você deve escolher quais ideias serão entregues como resultado. Este processo pode integrar o cronograma do Ideation ou feito posteriormente pelo organizador. Todavia, é importante ser transparente com os participantes em relação aos critérios utilizados na seleção das ideias.
Faça da inovação um hábito O Ideation é uma poderosa ferramenta para geração de ideias, e uma excelente alternativa para as cansativas reuniões de brainstoming. Além disso, pode ser um agente catalizador de diversas outras ações. Uma boa combinação é organizar um hackathon para implementar as ideias geradas. Os projetos implementados podem ser acelerados com outro Ideation e assim por diante.
Não tenha medo de adaptar o método à sua empresa, realize e compartilhe com a gente os resultados. E Extras: se ficou com dúvidas, entre em contato por um dos O Ideation em si não foi concebido para ser uma nossos canais. competição. No entanto, nada impede de deixar o Até a próxima. processo mais emocionante com uma leve disputa
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
O Ideation é o momento para se pensar e agir em grupo, por isso, dinâmicas são fundamentais.
9
Café com o contador
O MISTÉRIO
DO BLOCO K
Por Augusto dos Santos
início em 1º de dezembro de 2016, e que passou a ser exigido apenas as informações dos REGISTROS K 200 e K 280, no período entre 1º de dezembro de 2016 e 31 de dezembro de 2018, sendo que a partir de 1º de janeiro de 2019 a escrituração do Bloco K da EFD passará a ser completa, como segue:
F
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
inalmente o grande mistério do Bloco K teve um fim satisfatório para os contribuintes e para os desenvolvedores de softwares que estavam com os seus projetos de implantação ainda não concluídos. Não pelo motivo da tão esperada prorrogação do prazo de entrega dos arquivos, como ocorreu no ano passado, mas pela simplificação das exigências e do layout do Bloco K do Sistema Público de Escrituração Digital (SPED), de maneira que nos próximos dois anos, precisarão ser informados ao Fisco apenas os registros sobre a movimentação de estoque. Esta decisão primeiramente veio agraciar os estabelecimentos e indústrias do segmento de bebidas e dos fabricantes de produtos do fumo, 10 através da INSTURÇÃO NORMATIVA Nº 1.672 de 23 de novembro de 2016, cuja obrigatoriedade teve
Art. 2º Para fins de cumprimento da obrigação relativa à escrituração do Livro Registro de Controle da Produção e do Estoque (Bloco K integrante da EFD) de que trata o art. 1º, serão observados os seguintes critérios: I - para fatos ocorridos entre 1º de dezembro de 2016 e 31 de dezembro de 2018, a escrituração do Bloco K da EFD fica restrita à informação dos saldos de estoques escriturados nos Registros K200 e K280; e II - para fatos ocorridos a partir de 1º de janeiro de 2019, a escrituração do Bloco K da EFD deverá ser completa. Art. 3º A obrigação a que se refere o caput do art. 2º independe de faixa de faturamento estabelecida na Cláusula Terceira do Ajuste Sinief nº 02, de 3 de abril de 2009. Para os demais segmentos das industrias, o mesmo benefício foi concedido através do AJUSTE SINIEF
25 de 09 de dezembro de 2016, cujo o cronograma de obrigatoriedade será escalonado de acordo com o faturamento e CNAE das empresas, passando a vigorar da seguinte forma:
III – o inciso III: “III - 1º de janeiro de 2019, restrita à informação dos saldos de estoques escriturados nos Registros K200 e K280, para os demais estabelecimentos industriais classificados nas divisões 10 a 32; os – O inciso I: estabelecimentos atacadistas classificados nos “ - para os estabelecimentos industriais pertencentes grupos 462 a 469 da CNAE e os estabelecimentos a empresa com faturamento anual igual ou superior equiparados a industrial, com escrituração completa a R$300.000.000,00: conforme escalonamento a ser definido.”. a) 1º de janeiro de 2017, restrita à informação Cláusula segunda Fica acrescentado o § 10 à dos saldos de estoques escriturados nos Registros cláusula terceira do Ajuste SINIEF 02/09, com a K200 e K280, para os estabelecimentos industriais seguinte redação: classificados nas divisões 10 a 32 da Classificação Nacional de Atividades Econômicas (CNAE); “§ 10 Somente a escrituração completa do Bloco K b) 1º de janeiro de 2019, correspondente à na EFD desobriga a escrituração do Livro modelo escrituração completa do Bloco K, para os 3, conforme previsto no Convênio S/Nº, de 15 de
II – O inciso II: “II - 1º de janeiro de 2018, restrita à informação dos saldos de estoques escriturados nos Registros K200 e K280, para os estabelecimentos industriais classificados nas divisões 10 a 32 da CNAE pertencentes a empresa com faturamento anual igual ou superior a R$78.000.000,00, com escrituração completa conforme escalonamento a ser definido;”;
dezembro de 1970.” Desta maneira podemos, a princípio, respirar um pouco mais aliviados por algum tempo, aproveitando este momento para concluir ou desenvolver o quanto antes o processo do Bloco K, pois temos a plena consciência da extensão e da complexidade do seu preenchimento por completo, demandando um controle bastante detalhado das entradas e saídas da produção dos contribuintes do ICMS/IPI, exigindo que as empresas tenham um sistema próprio de controle do processo produtivo, e uma perfeita Contabilidade de Custos para alimentar as informações exigidas por esta obrigação acessória.
Assista ao vídeo!
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
estabelecimentos industriais classificados nas divisões 11, 12 e nos grupos 291, 292 e 293 da CNAE; c) 1º de janeiro de 2020, correspondente à escrituração completa do Bloco K, para os estabelecimentos industriais classificados nas divisões 27 e 30 da CNAE;” d) 1º de janeiro de 2021, correspondente à escrituração completa do Bloco K, para os estabelecimentos industriais classificados na divisão 23 e nos grupos 294 e 295 da CNAE; e) 1º de janeiro de 2022, correspondente à escrituração completa do Bloco K, para os estabelecimentos industriais classificados nas divisões 10, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 24, 25, 26, 28, 31 e 32 da CNAE.”
11
Capa
fim do b sem reg
tudo sobre a nova plat
O fim do boleto sem registro foi anunciado no
3. Atualização dos boletos, uma vez que boletos vencidos devem ser atualizados junto à instituição bancária emissora e ao realizar a operação, muitas das informações eram fraudadas mudando os dados originais.
REVISTA TECNOUPDATE - QUARTA EDIÇÃO REVISTA TECNOUPDATE - QUARTA EDIÇÃO
início de 2015 e o prazo de adequação está perto do fim. Mas você sabe o que isso significa na prática? Quais os motivos do fim do boleto sem registro? O que significa boleto com registro e quais as vantagens desse novo modelo? São inúmeros os Alto volume de inconsistências questionamentos e nós vamos esclarecer alguns Na modalidade sem registro, somente a instituição deles nos tópicos a seguir. bancária emitente conhece os dados relativos ao Motivos do fim do boleto sem boleto. Ao efetuar o pagamento de um boleto registro em um banco diferente do emissor com valores A forma de pagamento via boleto foi criada alterados (descontos, multas, etc) os dois bancos no início dos anos 90, e desde então é uma das entravam em uma discussão relativa à valores principais modalidades utilizadas por empresas inconsistentes, o que gerava desgaste entre as para cobranças de pessoas físicas e jurídicas. instituições e demora na resolução de problemas. Com um tempo de mercado tão longo a solução passou a ser amplamente conhecida, inclusive explorada exaustivamente de forma a que todos os mecanismos de segurança fossem expostos e falhas de segurança descobertas. Crescimento exponencial de fraudes
Em 2014 começaram a ser expostas informações de fraudes utilizando boletos. De 159 milhões em 2014 à 523 milhões em 2016. As principais fraudes são: 1. Relativas à alteração no código de barras para modificar o beneficiário do pagamento do boleto;
12 2. Lavagem de dinheiro, já que em boletos 12
sem registro não é possível saber quem fez a quitação do mesmo;
boleto gistro
taforma da febraban Por Beatrice Cardoso
Emitida pelo Banco Central, essa circular proíbe a emissão e envio de boletos sem o conhecimento do receptor. Ou seja, não será mais possível que empresas enviem boletos ao endereço dos seus clientes sem o conhecimento dos mesmos. Melhoria no ambiente de crédito Juntamente com a difusão do modelo de boleto, algumas empresas também começaram a utilizar a prática fraudulenta de levar a sua carteira de boletos para vários bancos diferentes em busca de crédito. Dessa forma vários boletos são emitidos para o mesmo titular, relativos à mesma dívida,
onde somente um banco recebe os valores sobre o boleto, já que o consumidor o pagará somente uma vez, prejudicando assim as instituições bancárias que tem custos com o processo de emissão dos boletos e não recebe os valores devidos. Vantagens Pagamento de boleto vencido em qualquer
instituição bancária. Como citado anteriormente, boletos sem registro só podem ser pagos na instituição bancária emissora após o seu vencimento. No novo boleto com registro, é possível pagar em qualquer instituição bancária e sem necessidade de reemissão do boleto uma vez que os encargos são conhecidos por todas as instituições bancárias através da central de informações. Rastreabilidade Um dos principais motivos de lavagem de dinheiro é a falta de informações relativas ao boleto e ao pagador. Na modalidade de boleto com registro todas as informações são registradas - incluindo a informação quando o boleto é pago em dinheiro. Além disso, também deve ficar registrada a informação de quem pagou o boleto - o titular ou terceiro. Essas informações ficam centralizadas e podem ser acessadas por qualquer instituição bancária, o que mitiga problemas de recepção e transmissão dos valores relativos aos boletos.
REVISTA TECNOUPDATE 3 -- EDIÇÃO ANIVERSÁRIO REVISTA TECNOUPDATE QUARTADE EDIÇÃO
Adequação à circular 3.598/3.656
13 13
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
Capa
14
Fonte: Informativo Febraban
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
Capa
15
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
Capa
16
Fonte: Informativo Febraban
Entrevista
ENTREVISTA A
TecnoSpeed entreou em contato com o Diretor Adjunto da Febraban, Walter Tadeu, para exclarecer alguns questionamentos sobre a nova atualização dos boletos sem registro. Uma forma de informar você, desenvolvedor, além de nos prepararmos para as mudanças. Confira a entrevista:
Como ficam as empresas que emitiram boletos parcelados (carnês), alguma ação será necessária?
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
Walter Tadeu, Diretor Adjunto da Febraban nos informou as principais mudanças referentes ao fim do Boleto Sem Registro.
Uma das premissas do projeto de boleto com registro é que o pagador não seja afetado com a nova plataforma. Nesse caso, não será necessário Boletos sem registro não serão mais nova emissão. As ações devem acontecer no ato do pagamento com a movimentação entre instituições recebidos pelos bancos? bancárias, não havendo impacto para o cliente final A princípio não, há a possibilidade de que alguns ou necessidade de reemissão. casos continuem a ser aceitos, só possam ser quitados no banco emissor do boleto. Restringindo Além da segurança, quais outras vantagens assim o cliente a realizar o pagamento em uma única para os beneficiários e pagadores com a instituição bancária. Além disso, ao ser identificada nova plataforma? como empresa que emite boletos sem registro, possivelmente os fraudadores se concentrarão nessas As vantagens citadas anteriormente incluem o empresas, já que com o registro do boleto a fraude é pagamento do boleto, mesmo após vencido em diferentes instituições bancárias e a rastreabilidade exponencialmente dificultada. de informações sobre os boletos, dificultando as 17 fraudes.
Entrevista
Com a nova plataforma, o tempo de novos layouts de remessa e retorno para boletos com compensação será mais rápido? registro.
O prazo de compensação não deve ser afetado. Quais os impactos do novo modelo para o comércio eletrônico?
Grande parte do fluxo do comércio eletrônico utiliza a modalidade de pagamento do boleto. Com as mudanças, cada instituição bancária está desenvolvendo uma solução própria para o registro de boletos online priorizando a agilidade que este tipo de comércio exige. Por isso, cabe às empresas desta natureza que entrem em contato com o seu banco.
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
Como ficam as taxas para registro?
18
Como entendimento comum, presume-se que os principais afetados sejam as categorias do comércio eletrônico, uma vez que se as taxas forem pagas no registro e o cliente não fizer a compensação do boleto, as empresas terão prejuízo. A resposta oficial é de que as modalidades de comércio não são discutidas pela Febraban, sendo de responsabilidade das empresas e bancos realizarem acordos com as necessidades apresentadas. Existe um prazo final para que todos os boletos sejam registrados?
Inicialmente o período acordado para adequação foi de janeiro à dezembro de 2016, mas devido ao elevado número de emissões de boletos que superaram a casa dos 3,7 bilhões no ano de 2016, o prazo foi estendido para Dezembro de 2017. O novo prazo não é oficial e quanto antes os emissores estiverem adequados, menos problemas terão caso os prazos sejam alterados. Os atuais layouts de integração (remessa e retorno) serão afetados?
Sim, desde de Julho de 2016 está disponível a versão oficial 10.1 do CNAB. A versão já contempla os
Conheça a solução TecnoSpeed para Boletos Bancários! Visando continuar reduzindo o esforço no desenvolvimento de software dos nossos clientes, a TecnoSpeed lançou a solução para boletos bancários. Assim como os demais produtos, a solução para boleto está disponível em .OCX cujo consumo é realizado por diversas linguagens como .NET, C#, Visual FoxPro, Basic, Delphi, entre outros. A solução já disponibiliza a geração de boletos para mais de 27 bancos, realizando a interface entre a aplicação dos nossos clientes desenvolvedores de software e as instituições bancárias, gerando os arquivos de remessa e interpretando os arquivos de retorno. O consumo da solução acontece por meio de chamadas à funções, e para facilitar ainda mais a vida dos nossos clientes, todos os retornos são tipados e podem ser alimentados por arquivos de texto. Para saber mais informações do novo produto da TecnoSpeed, entre em contato com a nossa área comercial, nossos técnicos terão prazer em apresentar-lhes a nossa solução! Não deixe para o último minuto, aproveite nossas condições especiais de lançamento e não tenha surpresas na emissão de boletos.
19
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
Case de sucesso
Unimed
e Tecnospeed
Nós cuidamos da sua saúde Por Gabriel Serra
A
Unimed é a maior cooperativa de trabalho médico do mundo e também possui a maior rede de assistência médica do Brasil, esteve na sede da TecnoSpeed, representada pelos colaboradores João Mendes e Sandro Yamada, afim de estreitar ainda mais o relacionamento entre as empresas, que, ao longo dos últimos anos tem trazido muitos resultados positivos para ambas as partes.
esse benefício para o seu quadro funcional.
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
Mas a parceria não parou por aí, pois a Unimed também procurou a Tecnospeed, que é referência nacional no fornecimento de soluções para documentos fiscais eletrônicos, para lhes ajudar a resolver um grande desafio, que era a comunicação com os sistemas das prefeituras, pelo qual são emitidos os documentos fiscais eletrônicos para prestadores de serviço, Relação bilateral chamados também de NFS-e (Nota Fiscal de relação entre as empresas, começou através Serviço Eletrônica). da solicitação dos próprios colaboradores da TecnoSpeed, que reconheceram a qualidade Os resultados da parceria do serviço prestado pela Unimed. A Tecnospeed Os serviços prestados pela Unimed aos ouvindo o anseio dos seus colaboradores, colaboradores da TecnoSpeed certamente prontamente contratou os serviços desta empresa tem contribuído muito para a satisfação dos 20 que é referência mundial no setor, trazendo mais mesmos, este que, foi um fator determinante na
A
“ eleita a 3ª melhor
empresa de ti para se
conquista do prêmio de melhor empresa para se trabalhar no estado do Paraná e terceira no Brasil, para empresas que atuam no segmento de Tecnologia de Informação. Prêmio este, que é promovido pelo instituto GPTW (Great Place To Work). Por outro lado, a Unimed tem desfrutado de um ganho de desempenho enorme com a automatização do processo de faturamento, que antes era realizado manualmente, por meio de lançamento nos sites das prefeituras. Com a solução da Tecnospeed integrada ao sistema de faturamento da Unimed, a comunicação com as prefeituras agora é realizada de forma rápida e sem intervenção do usuário, evitando também falhas, como erros na digitação.
Reconhecimento Pela parceria e pela conquista do prêmio GPTW, a Unimed fez questão de entregar a Tecnospeed uma placa de reconhecimento. A Tecnospeed por sua vez, em nome dos seus colaboradores agradece enormemente a Unimed que tem sido uma parceira fundamental na gestão dos talentos da empresa.
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
trabalhar no brasil ”
21
De Desenvolvedor para Desenvolvedor
Utilizando a engine EJS para aplicações
em NodeJS Por Igor Martins
O EJS é uma engine de visualização, com ele conseguimos de uma maneira fácil e simples transportar dados do back-end para o front-end, basicamente conseguimos utilizar códigos em javascript no html de nossas páginas. O que vamos construir?
REVISTA TECNOUPDATE - QUARTA EDIÇÃO REVISTA TECNOUPDATE - QUARTA EDIÇÃO
Vamos criar uma pequena aplicação que utilizará o EJS para transportarmos dados para o nosso front-end e também vamos ver uma maneira de reaproveitar algumas partes do nosso html . Para isso vamos precisar da seguinte estrutura de arquivos:
22 22
- public/ ---- css/ ------------ styles.css - views/ ---- layout.ejs ---- pages/ ------------ about.ejs ------------ contact.ejs ------------ home.ejs - package.json - server.js Mão na massa! Instalando os pacotes do npm. No seu console digite “ npm i ou install express ejs express-ejs-layouts faker bodyparser ndemon --save “ Dessa forma o npm vai baixar os pacotes e já inserir eles nas dependências do nosso projeto, dentro do package.json Express É o pacote mais simples para criarmos as rotas do nosso app. Ejs É o pacote responsável pela engine EJS.
Express-ejs-layouts Usamos ele para conseguirmos enviar dados para nossas páginas ejs pelo express. Faker Usamos ele para gerar algumas informações aleatórias como Nome, email, imagens. (Útil para testes) Nodemon Pacote usado para subir sua aplicação com a vantagem de que a cada vez que alterar ou criar um arquivo js ele reinicia automaticamente. Após a instalação dos pacotes seu arquivo package. json ficará da seguinte forma: {
}
“dependencies”: { “body-parser”: “^1.15.2”, “ejs”: “^2.5.2?”, “express”: “^4.14.0”, “express-ejs-layouts”: “^2.2.0”, “faker”: “^3.1.0” }
Variáveis que vamos utilizar. No inicio do seu arquivo server.js adicione: var express = require(‘express’) var faker = require(‘faker’) var bodyParser = require(‘body-parser’) var expressLayouts = require(‘express-ejs -layouts’) var app = express() var port = 3000 Configurando o nosso server Logo após adicionarmos configura-lás.
as
app.set(‘view engine’, ‘ejs’) nossa engine será o ejs
variáveis,
vamos
// Setamos que
Criando as rotas Vamos utilizar as seguintes rotas - GET / app.get(‘/’, (req, res) => { res.render(‘pages/home’) }) - Aqui o server recebeu uma requisição do client e devolveu o arquivo home.ejs, com isso o EJS renderiza ele para o client em forma de uma página html. - GET /about app.get(‘/about’, (req, res) => { var users = [{ name: faker.name.findName(), email: faker.internet.email(), avatar: ‘http://placekitten.com/300/300’ }, { name: faker.name.findName(), email: faker.internet.email(), avatar: ‘http://placekitten.com/400/300’ }, { name: faker.name.findName(), email: faker.internet.email(), avatar: ‘http://placekitten.com/500/300’ }] res.render(‘pages/about’, { usuarios: users })
})
O que o server faz aqui é praticamente a mesma coisa que foi feita na rota home, porém aqui nós devolvemos para o client além da página about , uma variável chamada usuarios. - GET /contact app.get(‘/contact’, (req, res) => { res.render(‘pages/contact’) })
No final o nosso arquivo server.js ficará assim: var express = require(‘express’) var faker = require(‘faker’) var bodyParser = require(‘body-parser’) var expressLayouts = require(‘express-ejslayouts’) var app = express() var port = 3000 // Definimos que vamos utilizar o ejs app.set(‘view engine’, ‘ejs’) app.use(expressLayouts) app.use(bodyParser.urlencoded()) // ROTAS app.get(‘/’, (req, res) => { res.render(‘pages/home’) }) app.get(‘/about’, (req, res) => { var users = [{ name: faker.name.findName(), email: faker.internet.email(), avatar: ‘http://placekitten.com/300/300’ }, { name: faker.name.findName(), email: faker.internet.email(), avatar: ‘http://placekitten.com/400/300’ }, { name: faker.name.findName(), email: faker.internet.email(), avatar: ‘http://placekitten.com/500/300’ }] res.render(‘pages/about’, { usuarios: users }) app.get(‘/contact’, (req, res) => { res.render(‘pages/contact’) }) app.post(‘/contact’, (req, res) => { res.send(‘Obrigado por entrar em contato conosco, ‘ + req.body.name + ‘! Responderemos em breve!’) }) app.use(express.static(__dirname + ‘/public’)) app.listen(port) console.log(‘Servidor iniciado em http:// localhost:’ + port) Arquivos ejs
Agora vamos ver como vão ficar nossas páginas e também entender como trabalhar com elas. app.post(‘/contact’, (req, res) => { - Layout res.send(‘Obrigado por entrar em contato conosco, <!DOCTYPE html> ‘ + req.body.name + ‘! Responderemos em breve!’) <html> }) <head> <meta charset=”UTF-8”> O que o server faz aqui é recepcionar o conteúdo <title>Utilizando o EJS</title> da requisição e devolver uma mensagem para o <link rel=”stylesheet” type=”text/css” client aproveitando o nome da pessoa que enviou h r e f = ” h t t p s : / / m a x c d n . b o o t s t r a p c d n . c o m / a mensagem para nós. Essa mensagem que vem no bootstrap/3.3.7/css/bootstrap.min.css”> corpo da requisição, só é possível ser manipulada <link rel=”stylesheet” type=”text/css” href=”/ utilizando o pacote body-parser . css/styles.css”> - POST /contact
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
app.use(expressLayouts) // Definimos que vamos utilizar o express-ejs-layouts na nossa aplicação app.use(bodyParser.urlencoded()) // Com essa configuração, vamos conseguir parsear o corpo das requisições
23
De Desenvolvedor para Desenvolvedor </head> <body> <header> <nav class=”navbar navbar-inverse”> <ul class=”nav navbar-nav”> <li><a href=”/”>Home</a></li> <li><a href=”/about”>About</a></li> <li><a href=”/contact”>Contact</a></li> </ul> </nav> </header> <main> <div class=”container”> <%- body %> </div> </mainv <footer> EJS </footer> </body> </html> Aparentemente é uma página em html apenas, porém quando iniciamos nosso aplicativo e requisitamos alguma rota que devolve o arquivo ejs , o expressejs-layouts procura o arquivo layout.ejs dentro da pasta views , então onde está o código <%- body %> será carregado o conteúdo de outro arquivo ejs. No próximo passo você vai entender como funciona essa ligação entre os arquivos. - Home
REVISTA TECNOUPDATE - QUARTA EDIÇÃO REVISTA TECNOUPDATE - QUARTA EDIÇÃO
<%- contentFor(‘body’) %> <div class=”jumbotron text-center”> Página Inicial </div>
24 24
No arquivo layout.ejs vimos que o código <%body %> seria substituído por outro assim que a página fosse renderizada, agora no arquivo home. ejs temos <%- contentFor(‘body’) %> , é aqui que ocorre a ligação entre os dois arquivos, no lugar de <%- body %> ficará essa div. - About <%- contentFor(‘body’) %> <div class=”jumbotron text-center”> <h1>O Time!</h1> <div class=”row”> <% for (usuario of usuarios){%> <div class=”col-sm-4”> <h2><%= usuario.name %> <img class=”img-responsive” style=”height: 250px” src=”<%= usuario.avatar %>”> </div> <% } %> </div> </div> O que fazemos aqui é renderizar para o client todos os nossos usuários, isso é possível pois fizemos um loop com o ejs , para capturarmos o valor
de cada usuário que existe na variável usuarios que a rota /about devolveu. - Contact <div class=”jumbotron text-center”> <div class=”row”> <div class=”col-sm-6 col-sm-offset-3”> <h2>Entre em contato!</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <form action=”/contact” method=”POST”> <div class=”form-group”> <label> Nome</label> <input type=”text” name=”name” class=”form-control”> </div> <div class=”form-group”> <label>Email</label> <input type=”text” name=”email” class=”form-control”> </div> <div class=”form-group”> <label>Sua mensagem</ label> <input type=”text” name=”message” class=”form-control”> </div> <div class=”form-group text-right”> <button type=”submit” class=”btn btn-primary btn-lg”>Enviar</button> </div> </form> </div> </div> </div> Nessa página usamos apenas o html para enviar um POST para a rota /contact. Conclusão Este mini tutorial tem a intenção de mostrar para vocês o básico do que o EJS pode fazer, agora que você já sabe trabalhar com a comunicação entre o back-end e o front-end, por que você não tenta mesclar este tutorial em nosso tutorial anterior Autenticando uma API em NodeJS em um projeto seu? O projeto completo está anexo ao post, e você também pode clonar ele para sua maquina pelo git clone https://github.com/nulldreams/EJS.git Caso queira algum tutorial específico nos deixe um comentário, valeu pessoal!
25
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
Documentos Fiscais Eletrônicos
Vem aí...
Nf-e 4.0 Por Bruno Maestrello
O
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
ano de 2017 promete ser um ano com grandes mudanças para quem trabalha com documentos fiscais eletrônicos DFe, mais especificamente a NF-e (Nota Fiscal Eletrônica). Isto porque, o ENCAT divulgou uma nova técnica (2016.002) que regulamenta a nova versão da NF-e, denominada “4.00”, que por sua vez, traz significativas mudanças no leiaute deste documento eletrônico. Estas mudanças, visam preparar a estrutura da NF-e para comportar as atualizações na legislação, como é o caso dos novos campos previstos para apuração do Fundo de Combate a Pobreza, detalhar melhor operações de segmentos específicos ao fisco, como: Medicamentos e Combustíveis, entre outros, e também melhorar a tecnologia de 26 comunicação entre fisco e empresas.
Cabe lembrar que a última mudança na versão da NF-e, aconteceu em 2014, quando foi lançada a versão 3.10. Ou seja, a cada um ou dois anos, é prevista uma nova versão nacional, cumprindo um cronograma observado pelas empresas e pelas Sefaz autorizadoras.
Detalhamento das mudanças
A nova versão, traz mudanças técnicas na comunicação, no leiaute, inclusão e exclusão de campos e nas regras de validação.
Comunicação
O protocolo de comunicação foi alterado, passando a aceitar apenas a versão 1.2 ou superior do protocolo TLS, não sendo mais aceita comunicação via protocolo SSL.
Leiaute
O leiaute da NF-e sofrerá alteração em diversos grupos, abaixo as principais mudanças por grupo . Grupo B (Identificação da nota fiscal eletrônica) - O campo forma de pagamento (indPag_B05) foi retirado. Uma nova opção (5=Operação presencial, fora do estabelecimento;) foi criada para o campo indicador de presença de comprador (indPres_B25B), de forma suportar a venda ambulante. Grupo BA (Documento Fiscal Referenciado) - O campo modelo do documento fiscal (mod_BA07) , passa a permitir referenciar a nota fiscal modelo 2.
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
Outra mudança técnica na comunicação, se dá no uso de variáveis SOAP Header, a partir da nova versão, essas variáveis não serão mais aceitas . Com eliminação das variáveis SOAP, o WSDL será afetado, logo as URLs dos webservices serão alteradas, as novas urls será publicadas no portal da NF-e por cada Sefaz, seguindo o padrão abaixo : • Web Service de Autorização: NFeAutorizacao4 • Web Service Consulta Processamento do Lote de NF-e: NFeRetAutorizacao4 • Web Service de Inutilização: NFeInutilizacao4 • Web Service de Status do Serviço: NFeStatusServico4 • Web Service de Consulta Protocolo: NFeConsulta4
Grupo I80 (Rastreabilidade de produto) - 27
Documentos Fiscais Eletrônicos Esse novo grupo foi criado para permitir a rastreabilidade de qualquer produto sujeito a regulações sanitárias, em casos de recolhimento/ recall. Grupo K (Detalhamento Específico de Medicamento) - Um novo campo foi criado (cProdANVISA_K01a) para informar o código do produto da ANVISA , os campos K02, K03, K04 E K05 foram excluídos, que passa a fazer parte do grupo de rastreabilidade de produto. Grupo LA (Combustível) - Um novo campo foi criado (pGLP_LA03) para informar os percentuais de mistura GLP e o campo pMixGN_LA03 foi excluído. Grupo N (ICMS Normal e ST) - Novos campos foram incluídos em decorrência de ICMS ao fundo de combate à pobreza.
adicionais do produto e os totais do FCP, nas Informações Adicionais de Interesse do Fisco (infAdFisco) .
Esteja preparado!
Nós da Tecnospeed, entendemos que estas mudanças na legislação sempre impactam no nosso trabalho e procuramos mitigar boa parte deste impacto, planejando as mudanças para não sermos pegos de “calça curta” .
Assista
Grupo W (Totais da NF-e) - Criação de campos totalizadores do FCP, do IPI no caso de devolução.
REVISTA TECNOUPDATE - QUARTA EDIÇÃO
Grupo X (Transporte da NF-e -Criação de novas modalidades de transporte).
Regras de Validação
As regras de validação alteradas, foram principalmente aquelas vinculadas aos novos campos ou novos controles, que tem como objetivo melhorar a qualidade das informações prestadas pelas empresas à SEFAZ .
O DANFE
O leiaute do DANFE permanece inalterado, de todo modo, as informações relativas 28 ao Fundo de Combate à Pobreza, devem ser informadas no campo de informações
Webinar NF-e 4.0
29
REVISTA TECNOUPDATE 3 - EDIÇÃO DE ANIVERSÁRIO
30
REVISTA TECNOUPDATE - QUARTA EDIÇÃO