Spooky WordPress: Disturbingly Brilliant Uses of WP

Spooky WordPress

Disturbingly Brilliant Uses of WP

Brad “The Butcher” Williams

Brian “The Maniac” Messenlehner

• Co-Founder of WebDevStudios.com• Co-Author of Professional WordPress• Co-Host of the SitePoint Podcast

• Co-founder of WebDevStudios.com• That other guy• Proprietary Software Developer Enlightened by Open-Source • WordPress! WordPress! WordPress!

Professional WordPress Plugin Development coming March 2011

@williamsba

@bmess

Your Hosts

Disturbing Topics• iPhone Apps Powered by WP• Facebook Apps Powered by WP• Interesting Plugins/Themes in WP

WordPress is MUCH More than website software

WordPress is MUCH More than website software

Scary isn’t it?!

WordPress is MUCH More than website software

Scary isn’t it?!

Think Outside the Box! WordPress can be used for anything!

If you are stuck in a box that’s an entirely different issue

Why Reinvent the Wheel?

Core WordPress Features

Content Management with custom types

and taxonomies

User accounts and roles

Image, Media, and Gallery Support

Link Management

Easily extensible with plugins

New iPhone App

So What Did We Build?

App to End World Hunger?

App to solve a critical problem?

App to provide a useful tool or service?

So What Did We Build?Of Course Not! We Built:

Location Based Pee Tracking

Search “ipfree.ly” in the App store

New users can register an account (in WordPress)

Uses a modified XML-RPC

Existing users can login (and remember me)

Authenticates using WordPress

Users can PLOT and add a simple description

PLOT is saved and all existing plots are listed

http://ipfree.ly

Geo data saved as meta data

(custom fields) against the post

Each PLOT is a post in WordPress

Every post is listed in WordPress as normal

Profile pages show user’s latest plots on a map

http://ipfree.ly/brad

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

http://ipfree.ly/brad/empire-state-building/

http://ipfree.ly/user - loads the author.php template

http://ipfree.ly/user/postname - loads the single.php template

Facebook like URLs in WordPress

http://ios.wordpress.org

100% GPL

http://iphone.svn.wordpress.org/trunk/

Crazy Right?

What is Auto Photobook?• Auto Photobook is photo analyzing software

developed by HP Labs.

• Photos are uploaded, analyzed to remove similar photos and group photos with the same people and contrasts together than automatically arranged them into a photo book that is converted to a .pdf file that can be printed or emailed to friends to print.

• WDS - Make a Facebook application for Auto

Photobook that users a person’s fb photos.

Mother Falcon!!!!This isn’t WordPress!!!!

Wait, Why Not?!?!?!?Sure it is…

Auto Photobook:•Users > Books > Pages/Photos

WordPress:• Users > Posts > Attachments/Photos

http://apps.facebook.com/autophotobook/

Benefits of using WordPress:Use all of the handy WP functions we are used

to using in our day to day lives.

• Use core WP elements like Comments, Categories & Tags

• Use WP Plugins to extend functionality even further if need be ie: Post Rating, Caching and pretty much any other plugin that would work around a Post.

• We created a Facebook WordPress theme that makes any WordPress website look and function like it belongs in Facebook as an App

Facebook ApplicationMeet Keith Milks

(Ax Murderer)He received a request to

join the Auto Photobook

Facebook Application

Extended Permissions

http://developers.facebook.com/docs/authentication/permissions

Can request a lot of permissions from access a user’s email address to

reading their Facebook inbox to accessing all of a user’s friends birthdays.

Add this user to WordPressWhen Keith allows permission to the app

he gets added as a WordPress user and

some of his Facebook data is saved as

user meta in addition to his name. At this

point we could save any of Keith’s

Facebook data from his birthday to what

movies he likes if we wanted to store it.

A filter is applied to replace all

WordPress avatars with their Facebook

profile photo:

add_filter('get_avatar','fb_get_avatar’);

function fb_get_avatar($fb_id) {

$avatar='<img

src="https://graph.facebook.com/'.$fb_id.

'/picture"/>';

return $avatar;

}

https://graph.facebook.com/any-fb-id/picture will return that users default profile photo

Build a Book

Process Book• Creates a WordPress post with the book name

as the title and the description as the content under the WP user Keith Milks.

• Pushes up any FB photos selected to the Auto Photobook API.

• Returns book information from Auto Photobook API and saves it in custom fields per the post.

• Renders a flash editor with the finished book.

Publish Book• Photobook is converted to a .PDF file.

• Photobook pages are converted to individual images and stored as an attachment against the WordPress post.

• Post changes from draft to published.

• A Facebook wall post is made on the user’s Facebook wall.

• If any of the user’s friends were Facebook tagged in any of the photos they used to make the book, wall posts will be made on their Facebook walls as well.

News Feed Example

Single.php

Can do anything on this page as if it where a post page because it is.

Any comments made will also trigger a Facebook wall post being made

to the authors Facebook wall and the commenter's Facebook wall.

All Books - Standard WordPress Loop

Friends’ Book – FQL & WordPress Loop

• Facebook Query Language is used to only return WP authors that are Facebook friends

Edit Post Page in Backend

• WordPress automatically provides a backend UI for managing any books created by any Facebook users

Invite FriendsSpread like a

flesh eating virus!

Make It Stop!

#wcphilly after party

Notable WordPress Projects

http://collabpress.org

Task Management Plugin

Notable WordPress Projects

http://rolopress.com

Contact Manager Theme

Notable WordPress Projects

http://getqualitycontrol.com

Simple Ticketing System Theme

Questions?

Brad “The Butcher” Williams

Brian “The Maniac” Messenlehner

• Email: brad@webdevstudios.com• Twitter: @williamsba• Blog: strangework.com

• Email: brian@webdevstudios.com• Twitter: @bmess

Professional WordPress Plugin Development coming March 2011

Contact

http://bit.ly/pro-wp