Evolution of a website – Part 1 of 4

Ever wonder how a website changes over time? Let’s take a peek at a website that has been around for years and I share with you four versions of the STC New Mexico Kachina Chapter website. I will also go into the technical details regarding how I implemented the current site.

Before I begin, I wish to thank the previous webmasters for spending countless hours maintaining the previous incarnations of the Kachina Chapter site. Without their effort, the site would not be where it is today without the valuable content that members have contributed.

My discussion will entail how I reached to the website that is today, http://stc-nm-kachina.org. This includes site implementation, page and layout design, website architecture, and content management.

This is a four-part series which I discuss the first two versions of the website pre-WordPress, the third and fourth versions of the site using WordPress, implementation of the fourth version using WordPress and its intricacies, and lastly how to keep the site alive.

Part 1

Versions 1 and 2: pre-WordPress

The history of the site was pretty straightforward until I became webmaster for the Kachina Chapter–previous webmasters either hard-coded from scratch or used a WYSIWYG (what you see is what you get) HTML editor to design and maintain the website. When I arrived as webmaster, the website was bifurcated into two sites: a static HTML website for Chapter content and a blog powered by WordPress–a simple and powerful content management system for blogging and websites. It didn’t help that neither site had the same page and layout design or that some of the static HTML pages linked to much older pages which had a completely different design. Also to note, the blog was not set up correctly for blog posts and it was in a random directory that made it difficult to operate properly.

Imagine having the WordPress blog at http://stc-nm-kachina.org/main/ and the HTML static website at http://stc-nm-kachina.org. It just looks messy and confusing for visitors. Which site or blog would visitors go to?

The first two incarnations of the website utilized static HTML and some CSS. These pages are great if the webmaster doesn’t drastically change the style or design too much. What I like about the old site is that much of the content and color schemes is now used on the current site.

STC NM Kachina Evolution - Version 1

STC NM Kachina Evolution – Version 1

The first version and second version use the same logo and header, yet the color and layout change dramatically. Since I enjoy the second version color scheme, you see this convention used in future versions.

STC NM Kachina Evolution - Version 2

STC NM Kachina Evolution – Version 2

 

In two weeks, on July 24, 2012 at 11:05 a.m. ET, I will discuss part two of my four-part series. Part two will encompass how I used WordPress to design and support the site.

Twitter experience at the STC 2012 Summit

I was delighted to see Twitter use increase year after year at the STC Summits. At the 56th Annual STC Summit in Atlanta, GA, I co-presented an educational session that talked about this social network. My colleagues who were on Twitter at the time were the earliest adopters of the service; I never imagined how useful it would be three years later at the STC 2012 Summit in Chicago, IL.

Pre-Conference Networking

Before the 2012 Summit started, I tweeted my excitement about attending the STC 2012 Summit in Chicago to meet new and familiar professionals. In addition, I tweeted about my adventure heading into Chicago, which entailed flying across the Plains States from Albuquerque to Chicago. For me, it was my first experience using the internet on an airliner.

Twitter on the plane

Twitter on the plane

Session Tweets

Special thanks go to the coordinators of the STC Summit for arranging internet access at the previous summits. It is a HUGE benefit value to have internet access at the conference hotel to update Twitter and allow readers to follow the #stc12 hash tag.

Throughout the conference, I was able to bring my laptop and see updates from conference attendees who were in other sessions. In some cases, I wish I could be in two places at one time because I kept reading great tweets about Tristan Bishop’s session while attending Jenna Moore’s talk, which was extremely good too.

I also love to read what people have on their minds while at the same session. It was great to engage in conversation during the session. At the same time, I tried to limit the amount of tweets that quoted the presenter during the session. Reflecting from previous conference tweets, I wanted to improve the quality of my posts instead of being “first” to tweet about the presentation. I felt that during the 2011 Summit, I rushed to post and I didn’t get as much out of the presentation because I was distracted with Twitter.

To me, it was a matter of post quality over quantity and I strived to post the best content possible.

Finding People / Providing Information

At the beginning of the conference, I saw Sara Baca’s tweet about her issues logging into the wireless internet. I sent her a direct message with the login details for the WiFi connection. I was able to share that information and she in turn shared that info for others at the summit.

Another example was trying to locate people at the conference. I went to Twitter to find a couple of classmates from my Alma Mater, New Mexico Tech. Kai Weber said he found one of the Techies (nickname for students who attend Tech) and he would try to connect me with the student. What was great is that Kai responded to my message. He happened to monitor the #stc12 feed at the time and surreptitiously found my post.

STC 2012 tweet asking about New Mexico Tech students

STC 2012 tweet asking about New Mexico Tech students

My last example was to find Menno de Jong, Editor of the publication, Technical Communication. I posted to the #stc12 feed asking if anyone saw him. Sara Baca told me he was a neighbor in the hotel but she had not seen him recently. Then @stc_org told me that he would be at the Honors Banquet rehearsal Tuesday at 3:30. When I stopped by the rehearsal, Menno was there. Twitter proved to be a useful resource to find and locate people easily. I believe Menno doesn’t carry his phone or have a Twitter account, so it was possible to locate him through my techcomm Twitter contacts who were attending the conference.

Before I finish, Ben Woelk posted an entry discussing the statistics regarding Twitter Use at #stc12. It is his second year writing about how we use Twitter at the STC Summit. You can check out his post on Twitter at STC 2011 and 2010 for comparison.

RT, #ff, MT – WTH (what the heck) does it all mean?

On Twitter, you have up to 140 characters to shout-out your message. Space is limited per tweet and even more on a retweet. (What’s a retweet? See below.) This social network is special because you have to master the art of succinct messages that are comprehensible for the rest of the world. Below is a short guide for beginners to help decipher the Twitterverse.

Anatomy of a Tweet

Tweets are 140 characters and may contain Twitter handles (usernames preceded with @), hash tags, lingo, and short language. Hash tags are topics that contain the # character in front of a word, like #techcomm. #techcomm signifies the topic of technical communication. Topics are abundant, for example you can find tweets that include #cats, #dogs, or whatever you prefer.

 

The following examples include a tweet, a retweet, and a reply utilizing a a retweet.

The Tweet

The original tweet is what you read from someone who posted on Twitter.

Roger Renteria's Tweet

Roger Renteria's tweet

 

Retweeting someone’s tweet

A retweet is a reply to a person’s original post with RT appended at the front.

Roger Renteria's Retweet

Roger Renteria's retweet

 

Retweet with a reply to another user

In this case, the retweet is the same as the previous example, except I have added a short message in front of the RT.

Roger Renteria's Reply Retweet

Roger Renteria's retweet with a reply.

 

Twitter lingo

On Twitter, there is some lingo to learn so you can understand the language tweeters use on a regular basis:

  • RT – retweet (used to share someone’s tweet)
  • MT – modified tweet (used to shorten original tweets when retweeting)
  • #ff – Friday follow (used on Fridays to list Twitter users you want your followers to check out)
  • d @username – send direct message (used for private messaging)
  • DM @username – send direct message (used for private messaging)
  • CC – carbon copy mention (used to mention another user in relation to a public tweet)

Say it shorter

With a 140-character limit, including spaces, tweets are like text messages, and we can’t be too wordy. Here are some commonly used abbreviations:

  • w/ – with
  • w/out – without
  • & – and
  • RE – regarding
  • b/c – because
  • r – are
  • u – you
  • LOL – laughing out loud

Use abbreviations when possible if followers can understand them. You can use short language when necessary, but keep it professional. “I dn’t wnt to see ur twts like this b/c it is not a gr8 example 4 for reading.” I can read your message, but most likely, I would ignore it.

Use some punctuation!

Twitter is even better if punctuation is involved! Your tweets can be professional as well as grammatically correct. Don’t be afraid of nearly maxing out the 140 characters.

Shortlinks: bit.ly, t.co, fb.me, goo.gl

Link shorteners are awesome, but are you clicking a trusted link?

Some companies offer short link services so your tweets and links fit within the 140 character limit. To ensure that you are clicking on a link that won’t take you to a malicious site, check out these shortlink expanders on the web or as a browser add-on.

Like you would with email, ensure the link comes from a trusted source and beware before you click! By checking with a shortlink expander, you can see the full web address before clicking, and it ensures you are going to legitimate website instead of a spam site that may compromise your computer.

 

Want to learn more?

Mashable has a comprehensive guide on Twitter:
http://mashable.com/guidebook/twitter/

Paul McFedries wrote “Twitter: Tips, Tricks, and Tweets,” a great primer to using Twitter:
http://www.amazon.com/Twitter-Tips-Tricks-Tweets-McFedries/dp/0470529695

Twitter has pages of how to use Twitter:
https://support.twitter.com/groups/31-twitter-basics

 

If you have any questions, tweet me! @RogerRenteria.