flash + wordpress = amantes

53

Upload: active-media

Post on 01-Sep-2014

2.698 views

Category:

Design


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Flash + WordPress = Amantes
Page 2: Flash + WordPress = Amantes

HUGO FERNANDES@imhugo

Interactive DesignerACTIVE MEDIA

Interactive Designer ---> Devigner

Page 3: Flash + WordPress = Amantes

= AMIGOS+

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

Page 4: Flash + WordPress = Amantes

= 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á?)

Page 5: Flash + WordPress = Amantes

= AMANTES+

= AMIGOS

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.

Page 6: Flash + WordPress = Amantes

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

Page 7: Flash + WordPress = Amantes

Olá, o meu nome é Flash.

Page 8: Flash + WordPress = Amantes

Olá, eu sou o WordPress.

Page 9: Flash + WordPress = Amantes

QUE MERDA É ESTA PÁ?

Page 10: Flash + WordPress = Amantes

O QUE É O WORDPRESS

Um resumo geral do que é o WordPress.

Page 11: Flash + WordPress = Amantes

Projecto open source iniciado em 2003 Matt Mullenweg.

O QUE É O WORDPRESS

Tudo começou com o b2/cafelog.Matt é o fundador da Automattic.

Page 12: Flash + WordPress = Amantes

“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”

O QUE É O WORDPRESS

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 :)

Page 13: Flash + WordPress = Amantes

Content Management SystemSoftware script

Plataforma de bloggingO que quisermos...

O QUE É O WORDPRESS

Em termos práticos, o WordPress é isto.

Page 14: Flash + WordPress = Amantes

QUEM USA O WORDPRESS

Page 15: Flash + WordPress = Amantes

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

websites”

QUEM USA O WORDPRESS

http://en.wikipedia.org/wiki/WordPress

Page 16: Flash + WordPress = Amantes

ADOBE

QUEM USA O WORDPRESS

Usado como:- Plataforma blogging- Site principal- Etc

Page 17: Flash + WordPress = Amantes

ADOBEMICROSOFT

QUEM USA O WORDPRESS

Page 18: Flash + WordPress = Amantes

ADOBEMICROSOFT

YAHOO

QUEM USA O WORDPRESS

Page 19: Flash + WordPress = Amantes

ADOBEMICROSOFT

YAHOOFORD

QUEM USA O WORDPRESS

Page 20: Flash + WordPress = Amantes

ADOBEMICROSOFT

YAHOOFORD

SAMSUNG

QUEM USA O WORDPRESS

Page 21: Flash + WordPress = Amantes

ADOBEMICROSOFT

YAHOOFORD

SAMSUNGNY TIMES

QUEM USA O WORDPRESS

Page 22: Flash + WordPress = Amantes

ADOBEMICROSOFT

YAHOOFORD

SAMSUNGNY TIMES

...

QUEM USA O WORDPRESS

Mas o que tornou o wordpress tão bem sucedido?

Page 23: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSA COMUNIDADE WORDPRESS

Esta foi e é a receita para o seu sucesso.

Page 24: Flash + WordPress = Amantes

Mais de 12.000 pluginsMais de 1.000 themes

Milhões de utilizadores e developers que partilham informação

A COMUNIDADE WORDPRESS

Page 25: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSDO QUE PRECISA O WORDPRESS

Ponto técnico no WordPress.

Page 26: Flash + WordPress = Amantes

1º passo: Ter um servidor

DO QUE PRECISA O WORDPRESS

Para se ter o WordPress a funcionar, existem 3 simples passos

Page 27: Flash + WordPress = Amantes

1º passo: Ter um servidor2º passo: Instalar o WordPress

DO QUE PRECISA O WORDPRESS

Page 28: Flash + WordPress = Amantes

1º passo: Ter um servidor2º passo: Instalar o WordPress

3º passo: Nenhum

DO QUE PRECISA O WORDPRESS

Mais simples não há.

Page 29: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSVANTAGENS DO WORDPRESS

Page 30: Flash + WordPress = Amantes

Fácil de instalarGrátis

Sistema de pluginsLógica do softwareFácil personalização

Framework simples e intuitivaEscalabilidade

VANTAGENS DO WORDPRESS

1) Em menos de 5 minutos. Download incluído :)2) Mesmo grátis3) Incrivel até onde se pode levar o WordPress com os plugins4) Muito bem estruturado5) Tanto o front-end como oback-end6) Conjunto de funções e métodos muito simples e bem documentados7) Devido à própria construção do software

Page 31: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSA LÓGICA DO WORDPRESS

Page 32: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSA LÓGICA DO WORDPRESSO LOOP

Page 33: Flash + WordPress = Amantes

<!-- 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; ?>

A LÓGICA DO WORDPRESS

Este é o “coração” do WordPress: o Loop.Mais info: http://codex.wordpress.org/The_Loop

Page 34: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESS

COMO INTEGRARFLASHCOM O

WORDPRESS

Page 35: Flash + WordPress = Amantes

COMO INTEGRAR FLASH COM O WORDPRESS

Possibilidades:. Theme com "ash integrado

. Flash independente

Mas como comunicam?

Page 36: Flash + WordPress = Amantes

COMO INTEGRAR FLASH COM O WORDPRESS

PHP

XML

Não precisam de criar um ficheiro .xmlBasta o output do php ter como source a estrutura xml

Page 37: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESS

EXEMPLO DEFLASHCOM O

WORDPRESS

* mostrar exemplo *

Page 38: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSWORDPRESSNA PRÁTICA

Trabalhos realizados pela Active Media.

Page 39: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSwww.activemedia.pt

Exemplo de personalização do back-end.Front-end em html5/javascript.

Page 40: Flash + WordPress = Amantes

Front-end

Page 41: Flash + WordPress = Amantes

Front-end

Page 42: Flash + WordPress = Amantes

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

Page 43: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSRE/MAX

digital signage

Exemplo de integração de Flash com WordPress.

Page 44: Flash + WordPress = Amantes

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

Page 45: Flash + WordPress = Amantes
Page 46: Flash + WordPress = Amantes
Page 47: Flash + WordPress = Amantes
Page 48: Flash + WordPress = Amantes

Painel de Ediçaõ deimóvel personalizado.

Page 49: Flash + WordPress = Amantes

A COMUNIDADE WORDPRESSPARA FINALIZAR

Page 50: Flash + WordPress = Amantes

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.

Page 51: Flash + WordPress = Amantes

NOTAS FINAIS

“Think Big”

Tudo o que sempre fazer com o WordPress consegui.

Page 52: Flash + WordPress = Amantes

NOTAS FINAIS

Façam #lhos!

Flash + WordPress = Amantes que de vez em quando têm filhos :p

Page 53: Flash + WordPress = Amantes

OBRIGADO!

@imhugowww.imhugo.com

www.activemedia.pt