HUGO FERNANDES
                                     @imhugo

                              Interactive Designer
                                 ACTIVE MEDIA




Interactive Designer ---> Devigner
+                             = AMIGOS




Inicialmente pensei em chamar a esta apresentação “Flash + WordPress = Amigos”
+                              = 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á?)
= 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.
Esta imagem ilustra como por vezes é vista a relação entre Flash e WordPress.
Olá, o meu nome é Flash.
Olá, eu sou o WordPress.
QUE MERDA É ESTA PÁ?
O QUE É O WORDPRESS


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



     Projecto open source iniciado em 2003
                Matt Mullenweg.



Tudo começou com o b2/cafelog.
Matt é o fundador da Automattic.
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 :)
O QUE É O WORDPRESS


                Content Management System
                       Software script
                  Plataforma de blogging
                     O que quisermos...


Em termos práticos, o WordPress é isto.
QUEM USA O WORDPRESS
QUEM USA O WORDPRESS



                 Segundo a Wikipedia:
             “12% of the 1,000,000 biggest
                       websites”



http://en.wikipedia.org/wiki/WordPress
QUEM USA O WORDPRESS




                         ADOBE




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



       ADOBE
     MICROSOFT
QUEM USA O WORDPRESS



       ADOBE
     MICROSOFT
       YAHOO
QUEM USA O WORDPRESS


       ADOBE
     MICROSOFT
       YAHOO
        FORD
QUEM USA O WORDPRESS

       ADOBE
     MICROSOFT
       YAHOO
        FORD
     SAMSUNG
QUEM USA O WORDPRESS

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



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


      Mais de 12.000 plugins
      Mais de 1.000 themes
Milhões de utilizadores e developers
     que partilham informação
A COMUNIDADEO WORDPRESS
    DO QUE PRECISA WORDPRESS




Ponto técnico no WordPress.
DO QUE PRECISA O WORDPRESS




                   1º passo: Ter um servidor




Para se ter o WordPress a funcionar, existem 3 simples passos
DO QUE PRECISA O WORDPRESS



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



               1º passo: Ter um servidor
            2º passo: Instalar o WordPress
                   3º passo: Nenhum



Mais simples não há.
A COMUNIDADE WORDPRESS
VANTAGENS DO WORDPRESS
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
A A LÓGICA DO WORDPRESS
  COMUNIDADE WORDPRESS
A LÓGICA DO WORDPRESS
A COMUNIDADE WORDPRESS
          O LOOP
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
COMO INTEGRAR
         FLASH
A COMUNIDADE WORDPRESS
         COM O
      WORDPRESS
COMO INTEGRAR FLASH COM O WORDPRESS




                     Possibilidades:
              . Theme com ash integrado
                  . Flash independente


Mas como comunicam?
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
EXEMPLO DE
            FLASH
   A COMUNIDADE WORDPRESS
            COM O
         WORDPRESS

* mostrar exemplo *
WORDPRESS
    A COMUNIDADE WORDPRESS
           NA PRÁTICA



Trabalhos realizados pela Active Media.
www.activemedia.pt
   A COMUNIDADE WORDPRESS



Exemplo de personalização do back-end.
Front-end em html5/javascript.
Front-end
Front-end
Back-office personalizado com o plugin “Magic Fields” (http://magicfields.org/).
RE/MAX
   A COMUNIDADE WORDPRESS
        digital signage



Exemplo de integração de Flash com WordPress.
App em Flash. Utiliza WordPress como gestor de conteúdos.
Painel de Ediçaõ deimóvel personalizado.
PARA FINALIZAR
A COMUNIDADE WORDPRESS
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.
NOTAS FINAIS




                                  “Think Big”




Tudo o que sempre fazer com o WordPress consegui.
NOTAS FINAIS




                               Façam lhos!




Flash + WordPress = Amantes que de vez em quando têm filhos :p
OBRIGADO!
   @imhugo
 www.imhugo.com
www.activemedia.pt

Flash + WordPress = Amantes

  • 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 ilustracomo por vezes é vista a relação entre Flash e WordPress.
  • 7.
    Olá, o meunome é Flash.
  • 8.
    Olá, eu souo 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 OWORDPRESS
  • 15.
    QUEM USA OWORDPRESS Segundo a Wikipedia: “12% of the 1,000,000 biggest websites” http://en.wikipedia.org/wiki/WordPress
  • 16.
    QUEM USA OWORDPRESS ADOBE Usado como: - Plataforma blogging - Site principal - Etc
  • 17.
    QUEM USA OWORDPRESS ADOBE MICROSOFT
  • 18.
    QUEM USA OWORDPRESS ADOBE MICROSOFT YAHOO
  • 19.
    QUEM USA OWORDPRESS ADOBE MICROSOFT YAHOO FORD
  • 20.
    QUEM USA OWORDPRESS ADOBE MICROSOFT YAHOO FORD SAMSUNG
  • 21.
    QUEM USA OWORDPRESS ADOBE MICROSOFT YAHOO FORD SAMSUNG NY TIMES
  • 22.
    QUEM USA OWORDPRESS 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 PRECISAO WORDPRESS 1º passo: Ter um servidor Para se ter o WordPress a funcionar, existem 3 simples passos
  • 27.
    DO QUE PRECISAO WORDPRESS 1º passo: Ter um servidor 2º passo: Instalar o WordPress
  • 28.
    DO QUE PRECISAO WORDPRESS 1º passo: Ter um servidor 2º passo: Instalar o WordPress 3º passo: Nenhum Mais simples não há.
  • 29.
  • 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ÓGICADO WORDPRESS COMUNIDADE WORDPRESS
  • 32.
    A LÓGICA DOWORDPRESS A COMUNIDADE WORDPRESS O LOOP
  • 33.
    A LÓGICA DOWORDPRESS <!-- 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 FLASHCOM O WORDPRESS Possibilidades: . Theme com ash integrado . Flash independente Mas como comunicam?
  • 36.
    COMO INTEGRAR FLASHCOM 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.
  • 41.
  • 42.
    Back-office personalizado como 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.
  • 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