Os principais desafios e técnicas utilizadas para a concepção do ECO.pt – jornal digital com base inteiramente em WordPress, que se seguiu ao Observador, e onde nos deparamos com alguns desafios. Como foram resolvidos estes desafios e também como abordar um projeto desta dimensão, envolvendo um processo de 6 meses e 10 pessoas. Apresentado em Maio 2018 no WordCamp Porto

1. Caso de Estudo
nos Media em Portugal
eco.pt
(Economia Online)

2. Nuno Morgadinho
WordPress Expert / CEO at WidgiLabs
Author of WP Conference Theme &
WooCommerce-InvoiceXpress
WordPress Lisboa Meetup organiser
WordCamp Lisboa organizer

3. ECO - Economia Online
Jornal Económico Digital
15+ Investidores
1.5M de Investimento

4. Início: ECO
Objetivos
4
Produto diferenciador
Chegar ao mercado com um produto diferenciador
Experiência e leitura em dispositivos “mobile” e Web
Criação de uma marca
Criar uma marca de referência no jornalismo de
Economia.
Inovação Web e Mobile

5. Início: ECO
Vectores
5
Produtividade
Funcionalidades que permitam aos jornalistas maior
produtividade no seu trabalho.
Funcionalidades que a competição não tem ainda.
Neutralização
Funcionalidades que a competição suporta e
que o mercado já está à espera num jornal.
Diferenciação

6. Início: ECO
Projeto de Grande Dimensão
6
Apps mobile
Entrevistas
Reportagens
Bolsa
Comunidade
Liveblogs
Artigos de Opinião Pesquisa
Newsletters Apps mobile

7. Início: ECO
Projeto de Grande Dimensão
7
Apps mobile
Entrevistas
Reportagens
Bolsa
Comunidade
Liveblogs
Artigos de Opinião Pesquisa
Newsletters Apps mobile
Tópicos
Empresas
Personalidades
Categorias
Utilizadores
Autores
Frontend
Backend
API
Alojamento
Login Social
Etiquetas
Tags
Taxonomias
Custom Post Types
Custom Fields
Custom Meta
Double Opt in
Galerias

8. Equipa

9. Equipa
Responsabilidades
9
Garantir o desenvolvimento das
componentes de interacção com o utilizador
e apresentação do site.
Mobile Development
M
Garantir o desenvolvimento das
componentes de backend.
Web Development
W
Garantir a qualidade da infraestrutura e o
nível de serviço da mesma.
Suporte
S
Garantir que todas as soluções integram a
arquitectura de forma simples e que não
impedem o crescimento futuro.
Arquitectura
A

10. Equipa
Estrutura
10

11. Equipa
Estrutura
11

12. Abordagem ao projeto

13. Abordagem
P.R.O.C.E.S.S.
Metodologia para equipas pequenas
desenvolverem um projeto de grande dimensão

14. P
PREPARE
Pré-sessões (4 x 4h) de trabalho para preparação,
“discovery” e estratégia com o cliente ainda antes do
projeto começar. Quanto mais tempo investes com o
cliente mais probabilidade tens de ganhar o projeto.

15. R
RAPPORT
Uma vez estabelecida uma relação de confiança podes
trabalhar em âmbito aberto (sem “caderno de requisitos”).

16. O
ONSITE
Imersão na realidade do cliente permite-te estar
focado nos objetivos e caso haja alguma questão é
mais fácil de resolver.

18. C
COMMIT
Mesmo em âmbito aberto o projeto só vai suceder se a
equipa estiver altamente alinhada em relação ao que se
pretende e comprometida com os objetivos do projeto.

19. E
ENGAGE
A comunicação é fundamental pois permite manter o
“engagement” alto entre a equipa e o cliente e mesmo
dentro da equipa. Ferramentas: Daily scrum, P2, Slack.

21. S
SPRINT
Trabalhar por tempo alocado e não por tempo estimado.
Permite-te iterar sobre o produto mas obriga a prioritizar
as funcionalidades.

22. S
SPEED
Ter um fluxo de trabalho assente em Git branches, pull
requests, com revisão de código, ambientes de
desenvolvimento, build tools, deploys automáticos.
Design atómico.

23. P.R.O.C.E.S.S. Goal
“Build extraordinary client relationships, create a positive
reference with the client, WOW the customer, provide the best
solution for the client and not (necessarily) the cheapest.”
— from the WidgiLabs Team Handbook

24. Funcionalidades

25. 01
Conteúdos atómicos

27. • Partes do artigos como unidades atómicas
• Permitir reutilizar o conteúdo como “assets”/componentes
• Permitir maior facilidade na criação de novos conteúdos
• Quando mudas um “átomo” muda em todas as notícias
onde foi usado
• Mais facilmente controlar o que é mostrado em diferentes
dispositivos (iWatch, etc)
Conteúdos atómicos: Objetivos

28. Re-utilização de conteúdos atómicos
28

29. Atómicos de Audio

30. 02
Gestão de Grelha da Homepage

31. Gestão de Grelha da Homepage
31

32. Gestão de Grelha da Homepage
32

33. Gestão de Grelha da Homepage
33

34. 03
Integração com dados de bolsa
pesquisa de índices, seguir eventos de bolsa, seguir
cotações, obter informação dos mercados

35. Integração com dados de bolsa
35

36. Integração com dados de bolsa
Sparklines
36

37. Integração com dados de bolsa
37

38. 04
API Presentation-free o conteúdo não deve ter
nada que especifique a forma como ele aparece

39. Presentation vs Intentional
https://developer.washingtonpost.com/pb/blog/post/
2015/11/17/technical-considerations-on-the-structure-of-
content/

40. “HTML parsing is a pain in iOS and the problem is
HTML can have in-line styling and then the native app
cannot render those styles without using a webview"

41. Os artigos são transformados num formato que
é presentation-free e disponibilizado às apps
41

42. Apps móveis nativas
API presentation-free com base em Markdown
42

43. 05
Gestão de Tópicos

44. Gestão de Tópicos
Frontend vs Backoffice
44
A gestão de tópicos

45. 06
Comentários

46. Comentários através de
login social
46

47. 07Gráficos interactivos

48. Gráficos interactivos -
Highcharts
48

49. 08Personalidades e Empresas relacionar artigos
com empresas e pessoas.

50. Relação com personalidades
e empresas

51. Relação com personalidades
e empresas

52. Alojamento

53. Amazon AWS
10/10 2017
ECO
Alojamento
53
23/10 2016
Managed WP
Hosting
?
2018-2019

54. Futuro: ECO
Objetivos 2018
54
crescer audiência
Aumentar número de leitores e a sua
permanência
Criar e melhorar o conteúdo jornalístico
consolidação no mercado
Consolidar o ECO como marca de referência no
jornalismo de Economia.
inovação jornalística

55. Conclusão
55
Arriscar é OK
“Go full out” - Para um projeto de grande
dimensão é preciso muito foco e isso pode
implicar fechar outros projetos.
Equipas pequenas podem atacar projetos de grande
dimensão de forma planeada e com sucesso
“Está tudo por fazer”
Aplicar um mindset tecnológico e ferramentas digitais de forma a
criar e melhorar o conteúdo jornalístico.
Ex: news games, interactivos, data journalism, community
management, chat bots, AI etc.
Equipas pequenas

56. obrigado.