Talk de Hugo Fernandes no evento "Stand Up & Speak" de Novembro de 2010 organizado pelo Adobe User Group Portugal.

2. HUGO FERNANDES
@imhugo
Interactive Designer
ACTIVE MEDIA
Interactive Designer ---> Devigner

3. + = AMIGOS
Inicialmente pensei em chamar a esta apresentação “Flash + WordPress = Amigos”

4. + = AMIGOS
Mas isso não seria 100% correcto
. Teoricamente os dois não foram idealizados para funcionarem juntos
. Existem Flash haters na comunidade WordPress (onde não há?)

5. = AMIGOS
+ = AMANTES
O Flash e o WordPress são mais amantes...
Daqueles que nem sempre caem bem a toda a gente, em cada um tema a sua vida mas de vez em
quando se juntam para brincar um bocado.

6. Esta imagem ilustra como por vezes é vista a relação entre Flash e WordPress.

7. Olá, o meu nome é Flash.

8. Olá, eu sou o WordPress.

9. QUE MERDA É ESTA PÁ?

10. O QUE É O WORDPRESS
Um resumo geral do que é o WordPress.

11. O QUE É O WORDPRESS
Projecto open source iniciado em 2003
Matt Mullenweg.
Tudo começou com o b2/cafelog.
Matt é o fundador da Automattic.

12. O QUE É O WORDPRESS
“WordPress is a web software you can
use to create a beautiful website or
blog. We like to say that WordPress is
both free and priceless at
the same time”
A parte do “free and priceless” é verdadeira. Dificilmente vão encontrar grátis algo que seja tão útil.
A outra depende de cada um... Um bocado como no Flash :)

13. O QUE É O WORDPRESS
Content Management System
Software script
Plataforma de blogging
O que quisermos...
Em termos práticos, o WordPress é isto.

14. QUEM USA O WORDPRESS

15. QUEM USA O WORDPRESS
Segundo a Wikipedia:
“12% of the 1,000,000 biggest
websites”
http://en.wikipedia.org/wiki/WordPress

16. QUEM USA O WORDPRESS
ADOBE
Usado como:
- Plataforma blogging
- Site principal
- Etc

17. QUEM USA O WORDPRESS
ADOBE
MICROSOFT

18. QUEM USA O WORDPRESS
ADOBE
MICROSOFT
YAHOO

19. QUEM USA O WORDPRESS
ADOBE
MICROSOFT
YAHOO
FORD

20. QUEM USA O WORDPRESS
ADOBE
MICROSOFT
YAHOO
FORD
SAMSUNG

21. QUEM USA O WORDPRESS
ADOBE
MICROSOFT
YAHOO
FORD
SAMSUNG
NY TIMES

22. QUEM USA O WORDPRESS
ADOBE
MICROSOFT
YAHOO
FORD
SAMSUNG
NY TIMES
...
Mas o que tornou o wordpress tão bem sucedido?

23. A COMUNIDADE WORDPRESS
A COMUNIDADE WORDPRESS
Esta foi e é a receita para o seu sucesso.

24. A COMUNIDADE WORDPRESS
Mais de 12.000 plugins
Mais de 1.000 themes
Milhões de utilizadores e developers
que partilham informação

25. A COMUNIDADEO WORDPRESS
DO QUE PRECISA WORDPRESS
Ponto técnico no WordPress.

26. DO QUE PRECISA O WORDPRESS
1º passo: Ter um servidor
Para se ter o WordPress a funcionar, existem 3 simples passos

27. DO QUE PRECISA O WORDPRESS
1º passo: Ter um servidor
2º passo: Instalar o WordPress

28. DO QUE PRECISA O WORDPRESS
1º passo: Ter um servidor
2º passo: Instalar o WordPress
3º passo: Nenhum
Mais simples não há.

29. A COMUNIDADE WORDPRESS
VANTAGENS DO WORDPRESS

30. VANTAGENS DO WORDPRESS
Fácil de instalar
Grátis
Sistema de plugins
Lógica do software
Fácil personalização
Framework simples e intuitiva
Escalabilidade
1) Em menos de 5 minutos. Download incluído :)
2) Mesmo grátis
3) Incrivel até onde se pode levar o WordPress com os plugins
4) Muito bem estruturado
5) Tanto o front-end como oback-end
6) Conjunto de funções e métodos muito simples e bem documentados
7) Devido à própria construção do software

31. A A LÓGICA DO WORDPRESS
COMUNIDADE WORDPRESS

32. A LÓGICA DO WORDPRESS
A COMUNIDADE WORDPRESS
O LOOP

33. A LÓGICA DO WORDPRESS
<!-- Start the Loop. -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php the_title(); ?>
<?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?>
<?php the_content(); ?>
<?php endwhile; else: ?>
<p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>
Este é o “coração” do WordPress: o Loop.
Mais info: http://codex.wordpress.org/The_Loop

34. COMO INTEGRAR
FLASH
A COMUNIDADE WORDPRESS
COM O
WORDPRESS

35. COMO INTEGRAR FLASH COM O WORDPRESS
Possibilidades:
. Theme com ash integrado
. Flash independente
Mas como comunicam?

36. COMO INTEGRAR FLASH COM O WORDPRESS
PHP
XML
Não precisam de criar um ficheiro .xml
Basta o output do php ter como source a estrutura xml

37. EXEMPLO DE
FLASH
A COMUNIDADE WORDPRESS
COM O
WORDPRESS
* mostrar exemplo *

38. WORDPRESS
A COMUNIDADE WORDPRESS
NA PRÁTICA
Trabalhos realizados pela Active Media.

39. www.activemedia.pt
A COMUNIDADE WORDPRESS
Exemplo de personalização do back-end.
Front-end em html5/javascript.

40. Front-end

41. Front-end

42. Back-office personalizado com o plugin “Magic Fields” (http://magicfields.org/).

43. RE/MAX
A COMUNIDADE WORDPRESS
digital signage
Exemplo de integração de Flash com WordPress.

44. App em Flash. Utiliza WordPress como gestor de conteúdos.

48. Painel de Ediçaõ deimóvel personalizado.

49. PARA FINALIZAR
A COMUNIDADE WORDPRESS

50. NOTAS FINAIS
Não usar o Flash como substituto do
HTML
Usar como complemento, não como assalto.
A parte boa de toda esta controvérsia em relação ao Flash é que cada vez mais se dá um uso
melhor e mais apropriado.

51. NOTAS FINAIS
“Think Big”
Tudo o que sempre fazer com o WordPress consegui.

52. NOTAS FINAIS
Façam lhos!
Flash + WordPress = Amantes que de vez em quando têm filhos :p

53. OBRIGADO!
@imhugo
www.imhugo.com
www.activemedia.pt