using wordpress as an application framework

WORDPRESS APPLICATION FRAMEWORK BY BRAD WILLIAMS

Brad Williams @williamsba

WHO IS BRAD?


Brad Williams

Co-‐Founder WebDevStudios.com Co-‐Author Professional WordPress

& Professional WordPress Plugin Development

Co-‐Organizer WordCamp Philly Co-‐Host DradCast

TODAY’S TOPICS


• What is an ApplicaIon Framework? • Why WordPress? • ApplicaIons Powered by WordPress

APPLICATION FRAMEWORK


An applica&on framework consists of a soMware framework used by soMware developers to implement the standard

structure of an applicaIon



•  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

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

WordPress Features



Why reinvent the wheel?



Always start with a solid foundaIon

BAD FOUNDATION


Bad FoundaIon

GOOD FOUNDATION


Good FoundaIon

BAD FOUNDATION


Bad FoundaIon

GOOD FOUNDATION


Good FoundaIon

OUTSIDE THE BOX


Today’s Goal: Think Outside the Box

THINK OUTSIDE THE BOX


SECURITY STATS FOR WORDPRESS


EXAMPLE TIME


Let’s Look at Some Examples!

WORDPRESS IPHONE APP


What did we build? •  App to end world hunger? •  App to solve a criIcal problem? •  App to provide a useful service?

WordPress iPhone App



Of course not! We built

Location Based Pee Tracking



Existing users can login (and remember me) Authenticates using WordPress



New users can register an account (in WordPress)



Users can PLOT and add a simple description



PLOT is saved and all existing plots are listed



Each PLOT is a post in WordPress Geo data is saved as post metadata (custom fields)



Every post is listed in WordPress as normal



Profile pages show user’s latest plots on a map



Each “plot” is a post in WP with a unique permalink



Apps for every device! All 100% GPL

WORDPRESS FACEBOOK APPLICATION


Auto Photobook Facebook ApplicaIon



Extended Permissions allowing the applicaIon to access an Facebook user data



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)



In Facebook the user can create new Photobooks using their favorite Facebook images



The Facebook ApplicaIon is 100% WordPress. A custom theme was built to look just like the Facebook design.



Keith Milks created a new Photo Book called: ConstrucIon Book



The ConstrucIon Book (single.php) shows all images with links to download and edit



In WordPress the ConstrucIon Book is a post with images acached to the gallery



Crazy right?!

WORDPRESS IPAD APP


YMCA Y-‐MVP iPad ApplicaIon

hcp://www.ymcanyc.org/associaIon/pages/y-‐mvp

WORDPRESS IPAD APP


Visit the YMCA and scan your membership card to log in to the applicaIon

WORDPRESS IPAD APP


YMCA members can “check-‐in” when they visit a parIcipaIng branch.

WORDPRESS IPAD APP


When a member “checks-‐out” they can log their Ime across any acIviIes they did at the YMCA

WORDPRESS IPAD APP


Badges and Challenges are earned as acIviIes are completed. All stats are tracked by locaIon.

WORDPRESS IPAD APP


Think it’s WordPress?

WORDPRESS IPAD APP


Of course it’s WordPress!

WORDPRESS IPAD APP


Custom post types and custom taxonomies are registered for every type of content in the app.

WORDPRESS IPAD APP


Custom post type for Badges

Easily add required Steps (CPT) to earn a Badge

WORDPRESS IPAD APP


DMA Friends iPad ApplicaIon

hcp://www.dallasmuseumofart.org/Visit/Friends/index.htm

WORDPRESS IPAD APP


Visitors can login with their membership card or create a new account at the kiosk

WORDPRESS IPAD APP


Users can enter special exhibit, event, or special codes to check-‐in to specific

Museum secIons

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.

WORDPRESS IPAD APP


Points can be redeemed for Rewards at the Museum

WORDPRESS IPAD APP


The public absolutely loves it!

.


Amazing right?

AMAZING!

.


What powers these iPad apps?

BADGEOS


hcp://wordpress.org/extend/plugins/badgeos/

hcp://badgeos.org

In Partnership with

BADGEOS


A free plugin to create a powerful achievement and badging system on any WordPress website!


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


BADGEOS


Website: hcp://badgeos.org Plugin: hcp://wordpress.org/extend/plugins/badgeos/ Github: hcps://github.com/opencredit/badgeos In Partnership with

Check it out and Get Involved!

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/

DRADCAST PLUG


Listen to the DradCast WordPress Podcast

LIVE every Wednesday @ 8pm EDT

DradCast.com

CONTACT BRAD


Brad Williams [email protected] Blog: strangework.com Twicer: @williamsba IRC: WDS-‐Brad Professional WordPress Second EdiIon is OUT!

hcp://bit.ly/prowp2

using wordpress as an application framework

Technology

wordpress brad williams

ymca brad williams

map brad williams

box brad williams

gallery brad williams

gpl brad williams

construcion book brad

solid foundaion brad