O documento descreve o framework We.js e como ele é usado na Comunidade de Práticas para fornecer serviços como relatos de experiência. O We.js é um framework node.js para criar aplicativos em tempo real com plugins e temas. A Comunidade de Práticas usa o We.js para permitir que usuários compartilhem relatos de experiência no SUS.

1. Criação e utilização do We.js na
Comunidade de Práticas:
atencaobasica.org.br
um relato de experiência

2. E quais são os principais serviços da
Comunidade de Práticas?
1.Perfis: sistema de autenticação
2.Relatos: Relatos de experiencia
3.Messenger: Comunicador estantâneo
4.Fóruns: Comunidades / grupos
5.Blog: Site de notícias
6.Cursos! : o nosso mini AVA

3. Mas hoje vamos falar sobre o
We.js e o ambiente de relatos

4. We.js :) Time!
http://wejs.org

5. O We.js é um framework node.js para a criação de
sistemas e aplicativos em tempo real que conta com
vários recursos prontos e com suporte de plugins e
temas com o objetivo de agilizar a criação de novos
projetos. O core do We.js possui suporte a tipos de
respostas em JSON ou HTML.
Para ver a lista completa acesse o site http://wejs.org
Sobre o We.js :)

6. Em 2013 a ideia inicial era criar um sistema
que permitisse a troca de informações entre
pessoas com P2P. O nome veio em uma
videoconferência sobre sistemas e redes
sociais em pleno sábado, com os participantes
Thiago Petra, Rodrigo Vieira, Antônio Cordeiro
e Alberto Souza (eu).
História do We.js

7. [historia] Stack na v0.2.x ...

8. [historia] Raw data!
“Libere seus dados e reestruture a
forma de utilizá-los.” - Tim
Berners-Lee no Tedx - The next
Web!

10. l
Dados públicos
l
Acesso livre ao conhecimento
l
Dados brutos com API de acesso (JSON)
Single page applications ... aplicativos
exibindo dados brutos e com foco em
facilitar a interação

11. E hoje após muitas pesquisas, testes e desenvolvimento o
We.js está na terceira versão e é um framework que
usamos para criar projetos e distribuições que
disponibilizam serviços como o we-project-event
Link:
https://github.com/wejs/we-project-event
História do We.js

12. Stack atual

13. O principal motivo de usar node.js no We.js foi usar
javascript no servidor removendo a necessidade de
aprender uma outra linguagem de programação o que
ajuda no início de novos programadores.
Trabalhando com javascript o programador se especializa
na linguagem e tecnologias relacionadas ficando mais
eficiente.
Javascript no servidor?

14. Um projeto possuí modulos npm, plugins e temas e
normalmente disponibiliza um serviço como o projeto de
portais de eventos ou o blog.
Com o projeto de portais de eventos qualquer pessoa pode
instalar e disponibilizar um sistema completo com
gerenciamento de eventos.
https://github.com/wejs/we-project-event
Projetos We.js

15. Com a estrutura de plugins e temas podemos compartilhar
modulos do sistema e montar projetos diferentes misturado
os plugins
Algo parecido com o Wordpress ou Drupal mas tudo em
javascript!
Plugins, temas … extend and share!

16. ●Site: http://wejs.org/
●Github: https://github.com/wejs/we
●Google groups:
https://groups.google.com/forum/#!forum/we-
js
●Twitter: https://twitter.com/we_js
Links

17. https://atencaobasica.org.br

18. Node.js no governo brasileiro

19. Sim, node.js que já é usado
por grandes empresas como:

20. Walmart e PayPal
movimentam muito
dinheiro e precisam
de algo confiável

21. Dizem que node.js
funciona até no
windows ...

23. É parece que funciona ...
1 dia após adicionar o slide anterior nessa apresentação
eu recebi uma issue no wejs/we-core do Vohmyanin
Sergey Vasilevich um desenvolvedor russo de Kirov
Resolvi o problema e pelo feedback o We.js funcionou no
windows dele ...
Link da issue: https://github.com/wejs/we-
core/issues/5#issuecomment-142020867

25. Principais sistemas usados no projeto
WordPress Drupal We.js ;)

26. Sobre a Comunidade de Práticas
A Comunidade de Práticas é um espaço virtual criado para os trabalhadores da
atenção básica trocarem informações, compartilharem suas experiências e viver
virtualmente a experiência de construção de rede e da educação permanente.
● Troca de informações;
● Construção de redes de colaboração;
● Fóruns de discussão técnica e política;
● Ações de educação permanente;
● Protagonismo dos trabalhadores;
● Valorização das experiências nos territórios;
atencaobasica.org.br

27. Comunidade de Práticas em Números
Dados gerais
75 mil sessões mensais (google analytics)
Com pico de acessos das 9h às 10h
+-400 cadastros mensais
+ 12.000 Curtidas
Curtidas na página da CdP no facebook.
Média de novos usuários mensais
+42000 usuários cadastrados
Total de usuários

28. Ambiente de Relatos de Experiência
Objetivo: Permitir e estimular o compartilhamento e a troca de experiências,
partindo do princípio de que todo trabalhador tem muito o que ensinar e muito
o que aprender.
Banco de mais de 5.000 relatos de experiências relacionados com o SUS
enviados pelos usuários e com possibilidades de interação.
Busca aqui: https://novo.atencaobasica.org.br/relato
Exemplo de relatos de experiência sobre gestão da clínica:
https://novo.atencaobasica.org.br/relato/4213
https://novo.atencaobasica.org.br/relato/2071

29. Single page application - SPA
O sistema de relatos é um SPA que
renderiza as páginas no cliente carregando
as informações de APIs
Usamos o Ember.js como framework para o
cliente side com tarefas do grunt.

30. Criar relato

31. Ver relato:

32. Editar relato

33. Edit in place!
1. vc edita os campos do relato onde eles
aparecem
2. Salvamento por campos!
3. O relato é muito grande então você pode
salvar campo por campo reduzindo a
chanse de perder dados
4. Versão dos relatos em JSON
5. LINKED data ready!
6. Dados de:
7. Imagem de destaque, localização, autores e
atores, galeria de fotos, sistema de
perguntas e respostas e comentários
Detalhes do relato:

34. https://novo.atencaobasica.org.br/relato/2015

35. Exemplo: relato de ID 2015:
No relato de id 2015 a usuária Ilzinei Estratégia
Saúde da Família (ESF) a promoverem ações
educativas com as temáticas Saúde Bucal e
Doenças Sexualmente transmissíveis (DSTs)
em sergipe.
Agora esse relato está salvo e disponível
publicamente.

36. Software Livre!
Os sistemas, móodulos ou soluções de
desenvolvimento estão disponíveis no github no
link https://github.com/ABS-org
Trabalhamos com um processo de
desenvolvimento transparente onde qualquer
pessoa pode acompanhar os avanços da equipe de
desenvolvimento pelo github

38. ● Sou programador PHP, Javascript e Node.js
● Já trabalhei com Drupal, Wordpress e Moodle
● Eu criei e mantenho o We.js ( http://wejs.org ) um framework node.js com
suporte à plugins e temas além de muitos recursos no core.
Alberto Souza
Github: https://github.com/albertosouza
Site: http://albertosouza.net

39. https://atencaobasica.org.br
Alberto Souza
alberto.souza.99@gmail.com