My WordCamp Miami 2013 presentation on Using WordPress as an Application Framework

1. WORDPRESS APPLICATION FRAMEWORK
BY
BRAD
WILLIAMS
Brad Williams
@williamsba

2. WHO IS BRAD?
Brad
Williams
Co-­‐Founder
WebDevStudios.com
Co-­‐Author
Professional
WordPress
&
Professional
WordPress
Plugin
Development
Co-­‐Organizer
WordCamp
Philly
Co-­‐Host
DradCast
Brad Williams
@williamsba

3. TODAY’S TOPICS
• What
is
an
ApplicaIon
Framework?
• Why
WordPress?
• ApplicaIons
Powered
by
WordPress
Brad Williams
@williamsba

4. APPLICATION FRAMEWORK
An
applica&on
framework
consists
of
a
soMware
framework
used
by
soMware
developers
to
implement
the
standard
structure
of
an
applicaIon
Brad Williams
@williamsba

5. APPLICATION FRAMEWORK
ApplicaIon
Framework
Features
• User
Management
• Template
Engine
• Error
Logging
• LocalizaIon
• Form
&
Data
ValidaIon
• File
Uploading
&
media
management
• Image
manipulaIon
• Search-­‐engine
Friendly
URLs
• External
APIs
• Ability
to
extend
using
hooks
&
classes
or
plugins
• Scheduled
code
execuIon
• Caching
• Extensibility
Brad Williams
@williamsba

6. APPLICATION FRAMEWORK
WordPress
Features
• User
Management
• Template
Engine
• Error
Logging
• LocalizaIon
• Form
&
Data
ValidaIon
• File
Uploading
&
media
management
• Image
manipulaIon
• Search-­‐engine
Friendly
URLs
• External
APIs
• Ability
to
extend
using
hooks
&
classes
or
plugins
• Scheduled
code
execuIon
• Caching
• Extensibility
Brad Williams
@williamsba

7. APPLICATION FRAMEWORK
Why
reinvent
the
wheel?
Brad Williams
@williamsba

8. APPLICATION FRAMEWORK
Always
start
with
a
solid
foundaIon
Brad Williams
@williamsba

9. BAD FOUNDATION
Bad
FoundaIon
Brad Williams
@williamsba

10. GOOD FOUNDATION
Good
FoundaIon
Brad Williams
@williamsba

11. BAD FOUNDATION
Bad
FoundaIon
Brad Williams
@williamsba

12. GOOD FOUNDATION
Good
FoundaIon
Brad Williams
@williamsba

13. OUTSIDE THE BOX
Today’s
Goal:
Think
Outside
the
Box
Brad Williams
@williamsba

14. THINK OUTSIDE THE BOX
Brad Williams
@williamsba

15. SECURITY STATS
FOR
WORDPRESS
Brad Williams
@williamsba

16. EXAMPLE TIME
Let’s
Look
at
Some
Examples!
Brad Williams
@williamsba

17. WORDPRESS IPHONE APP
WordPress
iPhone
App
What
did
we
build?
• App
to
end
world
hunger?
• App
to
solve
a
criIcal
problem?
• App
to
provide
a
useful
service?
Brad Williams
@williamsba

18. WORDPRESS IPHONE APP
Of
course
not!
We
built
Location Based Pee Tracking
Brad Williams
@williamsba

19. WORDPRESS IPHONE APP
Existing users can login (and remember me)
Authenticates using WordPress
Brad Williams
@williamsba

20. WORDPRESS IPHONE APP
New users can register an account (in WordPress)
Brad Williams
@williamsba

21. WORDPRESS IPHONE APP
Users can PLOT and add a simple description
Brad Williams
@williamsba

22. WORDPRESS IPHONE APP
PLOT is saved and all existing plots are listed
Brad Williams
@williamsba

23. WORDPRESS IPHONE APP
Each PLOT is a post in WordPress
Geo data is saved as post metadata
(custom fields)
Brad Williams
@williamsba

24. WORDPRESS IPHONE APP
Every post is listed in WordPress as normal
Brad Williams
@williamsba

25. WORDPRESS IPHONE APP
Profile
pages
show
user’s
latest
plots
on
a
map
Brad Williams
@williamsba

26. WORDPRESS IPHONE APP
Each
“plot”
is
a
post
in
WP
with
a
unique
permalink
Brad Williams
@williamsba

27. WORDPRESS IPHONE APP
Apps
for
every
device!
All
100%
GPL
Brad Williams
@williamsba

28. WORDPRESS FACEBOOK APPLICATION
Auto
Photobook
Facebook
ApplicaIon
Brad Williams
@williamsba

29. WORDPRESS FACEBOOK APPLICATION
Extended
Permissions
allowing
the
applicaIon
to
access
an
Facebook
user
data
Brad Williams
@williamsba

30. WORDPRESS FACEBOOK APPLICATION
When
the
app
is
installed
in
Facebook
the
new
user
is
created
in
WordPress
Facebook
data
is
saved
as
WordPress
user
metadata
(birthday,
favorite
movies,
etc)
Brad Williams
@williamsba

31. WORDPRESS FACEBOOK APPLICATION
In
Facebook
the
user
can
create
new
Photobooks
using
their
favorite
Facebook
images
Brad Williams
@williamsba

32. WORDPRESS FACEBOOK APPLICATION
The
Facebook
ApplicaIon
is
100%
WordPress.
A
custom
theme
was
built
to
look
just
like
the
Facebook
design.
Brad Williams
@williamsba

33. WORDPRESS FACEBOOK APPLICATION
Keith
Milks
created
a
new
Photo
Book
called:
ConstrucIon
Book
Brad Williams
@williamsba

34. WORDPRESS FACEBOOK APPLICATION
The
ConstrucIon
Book
(single.php)
shows
all
images
with
links
to
download
and
edit
Brad Williams
@williamsba

35. WORDPRESS FACEBOOK APPLICATION
In
WordPress
the
ConstrucIon
Book
is
a
post
with
images
acached
to
the
gallery
Brad Williams
@williamsba

36. WORDPRESS FACEBOOK APPLICATION
Crazy
right?!
Brad Williams
@williamsba

37. WORDPRESS IPAD APP
YMCA
Y-­‐MVP
iPad
ApplicaIon
hcp://www.ymcanyc.org/associaIon/pages/y-­‐mvp
Brad Williams
@williamsba

38. WORDPRESS IPAD APP
Visit
the
YMCA
and
scan
your
membership
card
to
log
in
to
the
applicaIon
Brad Williams
@williamsba

39. WORDPRESS IPAD APP
YMCA
members
can
“check-­‐in”
when
they
visit
a
parIcipaIng
branch.
Brad Williams
@williamsba

40. WORDPRESS IPAD APP
When
a
member
“checks-­‐
out”
they
can
log
their
Ime
across
any
acIviIes
they
did
at
the
YMCA
Brad Williams
@williamsba

41. WORDPRESS IPAD APP
Badges
and
Challenges
are
earned
as
acIviIes
are
completed.
All
stats
are
tracked
by
locaIon.
Brad Williams
@williamsba

42. WORDPRESS IPAD APP
Think
it’s
WordPress?
Brad Williams
@williamsba

43. WORDPRESS IPAD APP
Of
course
it’s
WordPress!
Brad Williams
@williamsba

44. WORDPRESS IPAD APP
Custom
post
types
and
custom
taxonomies
are
registered
for
every
type
of
content
in
the
app.
Brad Williams
@williamsba

45. WORDPRESS IPAD APP
Custom
post
type
for
Badges
Easily
add
required
Steps
(CPT)
to
earn
a
Badge
Brad Williams
@williamsba

46. WORDPRESS IPAD APP
DMA
Friends
iPad
ApplicaIon
hcp://www.dallasmuseumofart.org/Visit/Friends/index.htm
Brad Williams
@williamsba

47. WORDPRESS IPAD APP
Visitors
can
login
with
their
membership
card
or
create
a
new
account
at
the
kiosk
Brad Williams
@williamsba

48. WORDPRESS IPAD APP
Users
can
enter
special
exhibit,
event,
or
special
codes
to
check-­‐in
to
specific
Museum
secIons
Brad Williams
@williamsba

49. WORDPRESS IPAD APP
Badges
are
earned
by
compleIng
various
check-­‐in
requirements.
Every
badge
earned
gives
the
user
points.
The
harder
the
badge
the
more
points
the
user
earns.
Brad Williams
@williamsba

50. WORDPRESS IPAD APP
Points
can
be
redeemed
for
Rewards
at
the
Museum
Brad Williams
@williamsba

51. WORDPRESS IPAD APP
The
public
absolutely
loves
it!
Brad Williams
@williamsba

52. .
Amazing
right?
AMAZING!
Brad Williams
@williamsba

53. Brad Williams
@williamsba

54. .
What
powers
these
iPad
apps?
Brad Williams
@williamsba

55. BADGEOS
hcp://badgeos.org
hcp://wordpress.org/extend/plugins/badgeos/
In
Partnership
with
Brad Williams
@williamsba

56. BADGEOS
A
free
plugin
to
create
a
powerful
achievement
and
badging
system
on
any
WordPress
website!
hcp://wordpress.org/extend/plugins/badgeos/
Brad Williams
@williamsba

57. BADGEOS
Features
include:
• Reviewed
submissions
• Auto-­‐approving
submissions
• NominaIons
and
review
• Site
acIvity
(triggers
based
on
commenIng
and
logging
in
to
your
site)
• CompleIng
specific
other
achievements
one
or
a
specific
number
of
Imes
• CompleIng
one,
select
or
all
achievements
of
a
specific
type
• Point
thresholds
• Admin
Given
Badges
hcp://wordpress.org/extend/plugins/badgeos/
Brad Williams
@williamsba

58. BADGEOS
Check
it
out
and
Get
Involved!
Website:
hcp://badgeos.org
Plugin:
hcp://wordpress.org/extend/plugins/badgeos/
Github:
hcps://github.com/opencredit/badgeos
In
Partnership
with
Brad Williams
@williamsba

59. RESOURCES
• WordPress
ApplicaIon
Framework
ArIcles
• hcp://chrislema.com/pitching-­‐wordpress-­‐as-­‐an-­‐applicaIon-­‐framework/
• hcp://tommcfarlin.com/wordpress-­‐applicaIon-­‐framework/
• PresentaIons
• hcp://hmn.md/blog/2012/08/17/wordpress-­‐is-­‐an-­‐applicaIon-­‐framework/
• hcp://wordpress.tv/2012/11/09/sam-­‐hotchkiss-­‐wordpress-­‐as-­‐a-­‐web-­‐app-­‐
framework/
Brad Williams
@williamsba

60. DRADCAST PLUG
Listen
to
the
DradCast
WordPress
Podcast
LIVE
every
Wednesday
@
8pm
EDT
DradCast.com
Brad Williams
@williamsba

61. CONTACT BRAD
Brad
Williams
brad@webdevstudios.com
Blog:
strangework.com
Twicer:
@williamsba
IRC:
WDS-­‐Brad
Professional
WordPress
Second
EdiIon
is
OUT!
hcp://bit.ly/prowp2
Brad Williams
@williamsba