Application website development with WordPress and BuddyPress
BuddyPress - Harrisburg WordPress Users Group Meetup June 2014
-
Upload
azraelgroup -
Category
Technology
-
view
373 -
download
0
description
Transcript of BuddyPress - Harrisburg WordPress Users Group Meetup June 2014
BUDDYPRESSIt’s like I am beating a dead horse.
What it is, what it’s not, what it can do, and setup.
Local BuddyPress Yapper: Tim McKenna aka @AzraelGroup aka Godzilla
GETTING STARTED
BUDDYPRESSStarted out as WordPress Multisite hack, now owned by Auttomatic.
A set a elegant social media components rolled into a plugin.
Activity StreamsUser Profiles
Options to add user profile fields and sectionsAvatar uploadsGroup Creation
Group discussion forums (via bbPress)Group logo and Wire
Friend systemMessaging
Custom themesBlogs per user (via the WordPress engine)
BUDDYPRESSLead Developers of BuddyPress
John James Jacoby@JJJ
Paul Gibbs@pgibbs
Boone Georges@boone
Andy Peatling@apeatling
Follow them on Twitter. Do it, Do it now.
BUDDYPRESSGetting Started
Find out your business requirements and do research
Setup up development environment
Development
Testing (try to break it)
Staging the site
Go live
BUDDYPRESSGetting Started
Go to BuddyPress.org and sign in (WordPress.org credentials).
Join in the forums when asking for help be as specific as possible.
Read the BuddyPress Codex, refer to it often.
Download the plugin.
Save until you setup your development environment.
Resource: BuddyPress Codex
BUDDYPRESSFind out your business requirements and do research
What is the purpose of your social site?
How should your site engage users in a meaningful way?
How are you going to address bugs?
Who do you hand the project off to once live?
This is a conversation you need to have with your stakeholders. This conversation is imperitive because it will help define the necessitities and avoid scope creep.
Resource: Develop and present project plan, scope, and timeline
BUDDYPRESSSetup your development environment
Create a local installation of WordPress and work on your desktop.
Setup your local install of WordPress and upload your BuddyPress plugin.
Download a theme and begin work on a child theme or use a starter theme like Bones, Underscores, Roots or Handcrafted.
Work with a designer (preferably one familiar with web design)
Get your favorite Text Editor or IDE and get to work
Resources: Local Installer - BitNami, Text Editor - Atom or Sublime Text
BUDDYPRESSDevelopment
Front End Development - Design the UI and map out the UX.
Extending the Site: Download various plugins that meet you specific needs.
Customize Installation - Create custom post types, Edit roles and permissions, etc.
Version Control - Use Github and push up master files before branching off.
Test Features - Test features with others on OS’s, browsers and devices.
Resource: Access website over local network from other devices
BUDDYPRESSTesting
Resource: The 5 Minute WordPress Security Audit
Test your site in multiple Browsers, make sure your elements scale correctly and work across the board.
Test all functions and features in every possible browser. Perform a security audit.
BUDDYPRESSStaging the Site
Move your local installation to a staging site.
Retest everything.
Make sure to keep up with version control.
Get approvals to move forward with launching project.
Discussing managed hosting plan for live site (Bonus: Anchor Hosting).
Organize all of your documentation.
Resource: How to Create Staging Environment for a WordPress Site
BUDDYPRESSGo Live
Do a soft launch, move it to live server and quietly do some more testing.
Once you have gone through your last testing, announce site is live
Having marketing and PR (whomever) announce site.
Hand off site to client or move into a maintenance/support role.
Updates to live site will only occur after thorough testing on staging site.
Keep up with version control.
Resource: 25 Things to Test Before Your Site Goes Live
BUDDYPRESSPAFP Community Configuration
AdminizeAAFP DB Import Members*
AntiVirusComet Chat
bbPressBetter WordPress Minify
BP Group DocumentsBP Group Organizer
BuddyPressBuddyPress Activity Plus (TK version)
BuddyPress Anounce GroupBuddyPress Group Email Subscription
BuddyPress Xprofile Custom Fields TypeCustom Login
Export Users to CSV
Gravity FormsIE Enhancer & ModernizerJKC Admin Bar ToggleJCWP copy paste blockerPrivate BuddyPressPrivate Community for BP LiteResponsive Image WidgetRole ManagerW3 Total CacheWordPress Database BackupWP-OptimizeVaultPressWP Smush.itWP TogetherJSVaultPress
*Fork of Import Users from CSV
BUDDYPRESSRole Manager
BuddyPress has an additional set of roles due to the addition of groups
and forums (thanks to bbPress). Role Manager allows me create/rename/
delete roles and capabilities. It hasn’t been updated since WP 2.2, but we’ve picked it up and maded
updates for WP 3.9, BP 2.0.1 and we plan to post it to Github.
BUDDYPRESSeLearning Modules
Using a combination of SlideShare, Private Google Hangouts on Air, and CometChat we created live,
interactive webcasts. Videos were recorded, uploaded to Vimeo
and saved for continuing medical education accreditation (CME).
CometChat allowed for us to have real time, private chat while the
speaker responded live.
BUDDYPRESSJWCP Copy Paste Blocker
We had to deter copy and paste from inside the PAFP Community,
as it was stressed that all communications inside were privy
to just members. JWCP Copy Paste Blocker allowed us to turn off this common action. While members
can paste into the input field from an outside source, they cannot copy
and paste from inside of the site.
BUDDYPRESSMember Database Integration
We use Avectra NetForum for our membership database, which is
tied to the American Academy of Family Physicians (AAFP) member information. We created a simple procedure that dumps member
information from Avectra into a .csv, in which we automated the Import User from CSV plugin at the end of each month. Members do not register for the site, they already
have login credentials.
BUDDYPRESSPlanned Integrations and Features
Retiring CometChat and integrating Meetings.io as our new interactive video
and chat platforms.
Directing membership to do all event registration and payment inside the PAFP
Community.
Since the PAFP Community is completely advertising free, we plan on integrating
GoFundMe.com as a crowdfunding platform inside the site to raise money for
medical student scholarships.
Upon three unsuccessful login attempts, we are going to have the Jurassic Park
Denis Nedry Denied Access gif as a popup.
Develop a new theme, based on Bones, for use with other medical societies.
Member podcasts via SoundCloud to be uploaded and added to member profiles.
BUDDYPRESSIt’s awesome, seriously.
Email me: [email protected] at me: @AzraelGroupLinkedIn at me: Tim McKenna
QUESTIONS?