Tuesday, November 23, 2010

Roundtable & Facebook for Business

We are going to start off class today by coming together without our computers. We will get together as a group for the first part of class for each of you to discuss the challenges and experiences you have had with social media thus far. I will ask each of you about the homework you were asked to complete.

Facebook for Business and FBML are the main topic for today's class. Today you are all going to learn how to do a few different things within Facebook pages. Here is a one page step-by-step guide I have created for this task.

Involver is one of many products out there that will create custom Facebook tabs for other social media properties. There are other options but for today's lesson and example we will be using this free tool. Now that you've been introduced to the new tools it's time to put them into practice. Remember that your Facebook page is private unless you choose to publish it so don't worry about it. You may be asked to show your page and its elements in a class in the future so do your best.

  • Create a Facebook page
  • Add a custom FBML tab
  • Add a linked image and a Google Form to the FBML tab
  • Add two Involver tabs to your Facebook page
  • Get excited for next week's field trip to McLean's. 5pm Sharp.
  • Check the class blog for an update Monday night

Tuesday, November 16, 2010

Wordpress, @mor10 & Blogs talk...

Welcome to class #5 in Social Media for Web Dev. I had a request for more guest speakers and I am happy to oblige as today we will have @mor10 joining us for the middle part of class. Morten, who started his own company in 2008, Pink and Yellow, is a bit of a Wordpress wizard. Today he will be telling the class about Wordpress and his business, how he came to be successful and what he does to keep it up.

Get Microsoft Silverlight

*Currently watching this video and so stoked to get started.* Pure Awesome by @mor10.

Morten's Wordpress Blog and some posts:

Wordpress 3.0 Essential Training
Simple Yet Powerful Wordpress Hacks

Be sure to ensure your client owns and understands hosting and domain ownership. This should not tie or tether your clients to you in the long run.

Take advantage right now of Google Places! Register your customers here to take advantage.

ExpressionWeb: Windows Only. Use VMWare to run it on Mac. Like Adobe Dreamweaver

Bitnami: The Wordpress+ offline viewer. The self hosted option is free. Like WAMP or MAMP. Download the "NATIVE" app from here. It's WordPress on your computer!

Mashable: Top 10 Wordpress Plugins to promote your Social Profiles
SoloStreamTop 10 Wordpress Plugins for 2010

Blogging is a word that has had it's day. The word originated from it's initial meaning of "web log" which was shortened to "Blog". A blog is a for ideas, opinions and thoughts. Some people blog about their personal life or interests while others use blogging to discuss ideas in their work and bring together insights gathered from others. The name of the game is, provide it. Don't know what it is? Ask your audience. The largest blogging platform isWordpress.com and it is the starter's recommended option. I use Blogger :(for now... because it's what I am used to and it works for my purposes. Advanced users or those with access to capable technology professionals should useWordpress.org. The major differences between Wordpress.com and .orgare listed here by Wordpress>. Ultimately if you have a strong grasp of Wordpress.org you can create entire websites and custom designs.

Blogging is now just a part of a website and most important it's the part of the website that is updated the most and provides the most content for Google, Yahoo! and Bing to index. This is one of the main reasons that a blog is so essential. The blog also trumps Twitter (too short) and Facebook (too social) in that you control the user experience. You decide what the experience will be like: simple and clean like Thomas' Tumblr site or widget filled and full of processing errors like my Blogger site.

A blog compliments your other efforts on social networks and can lead to revenue and writing work for other publishing mediums whether online or print. This is an important way to leverage the content you write on your blog to publish in other places whether you blog for a business or yourself. Your blog also feeds other online efforts by backing up your insights and ideas with more concrete examples with links and references to supporting documentation.

Today I want you to really dig in and explore your own blog. Install Google Analytics, install the Facebook like buttons, install Twitter's @anywhere feature. Try installing all kinds of things to see what changes are made. Be sure to install a Spam filter on your wordpress.org blog. Please spend the rest of the class working on and messing with your blog.

  1. Setup a 'test' blog: This can be a test blog or your real blog.
  2. Write one post with a video embedded in it
  3. Write one post with a Creative Commons licensed photo on it with proper references.
  4. Look up and understand Hyperlinks if you haven't yet.

Tuesday, November 9, 2010

Twitter Workshop

Whether we are talking about Tweetups, Twestivals or Tweeps Twitter is quickly becoming the most valuable and misunderstood social network out there. In it's simplicity and customizability lies it's major benefits and major challenges. All you get it 140 characters to make your case or tell others what you want to tell them.

"The land of Twitter otherwise annoyingly referred to by TwitterHeads as the Twitterverse or Twittersphere… is awash with used car salesman, get rich quick dudes, snake oil peddlers, hacks, loudmouths & know-it-alls. Don’t let it turn you off. Don’t think that’s an ok way to act online. This however shouldn’t be any reason to not engage in the medium but instead probably some sort of proof point that there is in fact something new and special happening here." - Kris Krug.

Twitter isn't all about people talking about cats, sandwiches and foursquare. Most of the nearly 100 million Twitter users are sharing knowledge, ideas, stories, intimate details, connections, and emotions – to audiences known and unknown. By participating in your own online spaces and communities, you are helping to grow something new, something larger and more interesting than you think. As Kris puts it "a collective consciousness of info, art and emotion — and by doing this we are contributing to the overall health of the public domain and our culture."

The idea that Twitter is for X or Y is short-sighted on the part of any user. Twitter can allow connections and education beyond what you may think. This week is about learning more about Twitter and ramping up your use of it as we move through this class. Let's see more use, more interaction and more help from one another, to others and for the collective consciousness.

Today we are going to start with Twitter language and then we will move onto to the best formation of a tweet. We will explore how to get your tweets into larger conversations, talk about how #hashtags extend beyond events and thematic chatter.

– a public mention is directed to an individual account but everyone can see it. The equivalent of talking to someone and while others listen.

Direct Messages (DM’s)
– a private message like an email. Can only be sent to those following you.

ReTweets (RTs)
– Twitter’s equivalent of a forward. Note the difference between the Old Retweet and the New Retweet.

– similar to a ‘tag’ but the ‘#” hash designation differentiates the tags from the content of the Tweet.
– originally used because there was no Twitter Search.
– good way to string a conversation together or add meta-data to the Tweet payload.
– check out #edchat or #webdev #dev Want to see other hashtags? See this.

ACTIVITY: Find a #hashtag that will be useful to your classmates. Tweet it out with #MDIA2045 and tell us how you found it.

BONUS: What are you doing this Saturday? This may be the path to greatness...

Twitter Search:
– realtime search on search.twitter.com vs. persistent searches in your Twitter client

Trending Topics on Twitter:
– Canada, US, Cities, etc.

Archiving Twitter:
– TwapperKeeper
– Backupify.com
– The Archivest
– http://www.tweetguard.com/

Twitter Lists
– a great way to organize followers or Twitterers by subject, geography, or any other designation

Twitter Tools & More:
Klout - Analyze Users
Tweetstats - Analyze Stats
TwitterSheep - Analyze Users and Followings
Twellow - The Twitter Yellow Pages - Follow top tweeters
WeFollow - Find top tweeps to follow
Twitaholic - Track popular users and learn more
TwitterCal - Tweet your Google Calender Also see Plancast & Tungle.me
Twitpay - Send Paypal Payments via Twitter
TwitPic, YFrog, etc - Pics & Videos
Twtpoll - Twitter Polls
TwittURLy - Track top Twitter Topics

– read “The Twitter Guide Book” by @mashable
– signup for HootSuite or download TweetDeck
– create 3 permanent search columns in your Twitter client
– subscribe to 2 #hasttags via twitter.com or your client
– send out at least 1 standard message, 1 @ reply, 1 Direct Message & 1 ReTweet.
– start 1 Twitter list
– follow 20 interesting people

– signup for either TEDxVancouver or BarCamp Vancouver
– Follow Kemp's Twitter list for this class and add it as a column on Tweetdeck or Hootsuite
– find 2 interesting tools of the vast expanse of Twitter tools available out there and share them with the class next week.

Tuesday, November 2, 2010

TED, Alignment & Homework

It is with great pleasure that BCIT welcomes Vancouver's Digital pioneer Kris Krug who is teaching a different group of students in the New Media and Web Development program this exact course! Kris teaches on Thursdays and in order to keep our classes aligned we will bringing the two courses together in terms of major components and general direction. You did get a head start and a sneak preview of some of the web's newest trends!

Social technologies and the internet are changing our culture at an incredibly rapid pace or as @BADavid said the other day the pace of acceleration is accelerating exponentially. These changes may be new to the masses but as US NOW, arguable the first feature film about social networks. It's from the UK and was made in 2008. The clip above is a short version of the film I created. You can view the feature length film at your leisure for free on YouTube.

TED is an amazing organization fostering the newest and most interesting ideas in our world today. They bring those talks together in one place so that the world can benefit from the knowledge of some of our greatest thinkers. TED talks are great for a short getaway from coding or the perfect spot to get your brain thinking about different solutions, different directions and new ideas. Today we are going to take things down a notch and introduce you to TED and a number of videos that make understanding social technologies easier to understand the major tools in the social technology revolution

  1. Create accounts on (you may be half finished already!): 
  2. Create profiles on your new accounts – add avatar photos, bio information, links
  3. Create a post on your WordPress.com and link it to your new profiles
  • include in your blog post links to other social network profiles
  • watch any 2 videos from TED Talks and write a 2 paragraph review of each