Talk made at the Adobe User Group in Portugal.

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

3. + = FRIENDS
Initially I thought of calling this talk "Flash + WordPress =
Friends"

4. + = FRIENDS
But that wouldn’t be 100% correct
. Theoretically, the two were not conceived to work together
. There are Flash haters in the WordPress community (where aren’t?)

5. = FRIENDS
+ = LOVERS
Flash and WordPress are more like lovers...
Those who do not always look good to everyone, each one have their life but occasionally get together to play.

6. This image illustrates how sometimes it is seen the relationship between Flash and WordPress.

7. Hi, my name is Flash.

8. Hello, I’m WordPress.

9. WHAT THE FUCK IS THIS SHIT?

10. WHAT IS WORDPRESS
Lets go for an overview of what WordPress is.

11. WHAT IS WORDPRESS
Is an open source started in 2003 by
Matt Mullenweg.
It all started with b2/cafelog.
Matt is the founder of Automattic.

12. WHAT IS 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”
The “free and priceless” part is true. You’ll hardly found something that it’s so useful for free.
The other part it depends... Just like in Flash :)

13. WHAT IS WORDPRESS
Content Management System
Software script
Blogging platform
Whatever you want...
In practical terms, this is what WordPress is.

14. WHO’S USING WORDPRESS

15. WHO’S USING WORDPRESS
According Wikipedia:
“12% of the 1,000,000 biggest
websites”
http://en.wikipedia.org/wiki/WordPress

16. WHO’S USING WORDPRESS
ADOBE
Used as:
- blogging platform
- Main website
- Etc

17. WHO’S USING WORDPRESS
ADOBE
MICROSOFT

18. WHO’S USING WORDPRESS
ADOBE
MICROSOFT
YAHOO

19. WHO’S USING WORDPRESS
ADOBE
MICROSOFT
YAHOO
FORD

20. WHO’S USING WORDPRESS
ADOBE
MICROSOFT
YAHOO
FORD
SAMSUNG

21. WHO’S USING WORDPRESS
ADOBE
MICROSOFT
YAHOO
FORD
SAMSUNG
NY TIMES

22. WHO’S USING WORDPRESS
ADOBE
MICROSOFT
YAHOO
FORD
SAMSUNG
NY TIMES
...
But what made the wordpress so successful?

23. A COMUNIDADE WORDPRESS
THE WORDPRESS COMMUNITY
This was and is a recipe for success.

24. THE WORDPRESS COMMUNITY
More than 12.000 plugins
More than 1.000 themes
Millions os users and developers
who share information

25. A COMUNIDADE WORDPRESS
WHAT DOES WORDPRESS NEEDS
Technical overview

26. WHAT DOES WORDPRESS NEEDS
1: Have a server space
To get WordPress to work, there are three simple
steps

27. WHAT DOES WORDPRESS NEEDS
1: Have a server space
2: Install WordPress

28. WHAT DOES WORDPRESS NEEDS
1: Have a server space
2: Install WordPress
3: Nothing more
More simple that that?

29. A WORDPRESS ADVANTAGES
COMUNIDADE WORDPRESS

30. WORDPRESS ADVANTAGES
Easy to install
Free
Plugins system
Software logic
Easy personalization
Simple and intuitive framework
Scalability
1) In less than five minutes. Download included:)
2) Really Free
3) Amazing how far you can take WordPress with plugins
4) Very well structured
5) Both the front-end and the back-office
6) Set of functions and methods very simple and well documented
7) Because of the software’s planning

31. A COMUNIDADE WORDPRESS
THE WORDPRESS LOGIC

32. THE WORDPRESS LOGIC
A COMUNIDADE WORDPRESS
THE LOOP

33. THE WORDPRESS LOGIC
<!-- 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; ?>
This is the “heart” of WordPress: the Loop.
More info: http://codex.wordpress.org/The_Loop

34. HOW TO INTEGRATE
FLASH
A COMUNIDADE WORDPRESS
WITH
WORDPRESS

35. HOW TO INTEGRATE FLASH WITH WORDPRESS
Possibilities:
. Theme with ash inside
. Independente Flash
But how do they communicate?

36. HOW TO INTEGRATE FLASH WITH WORDPRESS
PHP
XML
No need to create a xml file.
Just have to output the php source in a xml structure.

37. EXAMPLE OF
FLASH
A COMUNIDADE WORDPRESS
WITH
WORDPRESS
* show example *

38. WORDPRESS
A COMUNIDADE WORDPRESS
IN PRACTICE
Work made at www.activemedia.pt

39. www.activemedia.pt
A COMUNIDADE WORDPRESS
Example of customized back-end.
Front-end: html5/javascript/php/WordPress API.

40. Front-end

41. Front-end

42. Back-office personalized with the “Magic Fields” plugins (http://magicfields.org/).

43. RE/MAX
A COMUNIDADE WORDPRESS
digital signage
Example of integrating Flash with WordPress.

44. Flash App. Uses WordPress as content management.

48. Editing Panel customized. In 2 minutes.

49. TO FINISH
A COMUNIDADE WORDPRESS

50. FINAL NOTES
DO NOT USE FLASH AS A
REPLACEMENT FOR HTML
Use as a complement, not as assault.
The good part of this whole controversy about Flash is that people start to give a better and more appropriate
use.

51. FINAL NOTES
“Think Big”
All I wanted to do with WordPres I did.

52. NOTAS FINAIS
Make babies!
Flash + WordPress = lovers who occasionally have kids: p

53. THANK YOU!
@imhugo
www.imhugo.com
www.activemedia.pt